Questions on Kendo UI for jQuery Forum

2 answers

183 views

Posting Registration Data to Remote Server

Hi Team,

var ServiceUrl = "http://192.168.1.7/MTServices/Service.svc/ValidateUsr/";

var objLogin = new Object();

objLogin.LoginNm = "abc@siplnet.com"

objLogin.Password = "abcdef"

function fn_Login() {

scmEventTypeList = {

model: {}

};

dsUsrList = kendo.data.DataSource.create({

schema: scmEventTypeList,

transport: {

read: {

url: ServiceUrl,

contentType: "application/json; charset=utf-8",

dataType: "jsonp"

},

parameterMap: function(options) {

return JSON.stringify(objLogin);

}

},

error: function () { alert("Error"); }

});

$("#ulUsrInfo").kendoMobileListView({

dataSource: dsUsrList,

template: $("#TmpUser").html()

});

}

I am trying to post registration information to the remote web service. I am not sure what is going wrong here. My Webservice works fine if I use normal ajax method to post.

Any assistance in this is highly appriciated.

Data Source

answered on 28 Mar 2012

2 answers

111 views

Add Imagem/Link Popup Bug

I followed the example and I'm getting this error when I click in the Insert Image and Insert Link buttons:

Time: 27/03/12 11:23:03
Error: c.insertBefore(e[0]).toggle(b) is null
Source-code: http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js
Line: 8

Editor

answered on 28 Mar 2012

1 answer

252 views

Problem binding JSON data with Kendo Line Chart

Hi there,

I am just getting starting and I cant seem to make the line chart work when I bind it to a json file.

I followed your documentation and here is the code and attached the files:

function createChart() {

var dataSource = new kendo.data.DataSource({
transport: {
   read: "sales.js",
   dataType: "json"
                       }
});

$("#chart").kendoChart({
dataSource: dataSource,
theme: $(document).data("kendoSkin") || "BlueOpal",
   legend: {
   position: "top",
},
chartArea: {
   background: "",
},
series: [{
field: "value",
}],
categoryAxis: {
field: "year",
}
});
}

sales.js file:

[ { "year": "2000", "value": 200 },
{ "year": "2001", "value": 450 },
{ "year": "2002", "value": 300 },
{ "year": "2003", "value": 125 },
]

Regards
Claudia

Charts

answered on 28 Mar 2012

1 answer

105 views

Using the romote view to shown a file on antoher server

HI i am looking at the exemple called view. This example shows how to call a remote file (remote vieew) from a path called ../../content/mobile/view/remoteview.html. I would like to call this or another at a server with a http adress. I have tryed to just copy the remote view file to a another server but i does not load the "Hi I'm a remote view. I would like to call some pages on a server and have them presented in the design (inside the div) so that it looks like it is a part of the app and not showing the browser. Is this not what this is for also?

This is this code i am using.
It just ads #http://iapp.timeplan.dk/remoteview.html to the adress
Thanks
Lars

<!DOCTYPE html>
<html>
<head>
    <title>Overview</title>
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/kendo.mobile.min.js"></script>
    <script src="../../content/shared/js/console.js"></script>
    <link href="../../../styles/kendo.common.min.css" rel="stylesheet" />
    <link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
    <a href="../index.html">Back</a>
    <div data-role="view" data-title="Views">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
            <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
        </div>
    </header>
    <ul data-role="listview" data-style="inset">
        <li><a href="#secondview">Local View</a></li>
    </ul>
    <ul data-role="listview" data-style="inset">
        <li><a href="http://iapp.timeplan.dk/remoteview.html">Remote View</a></li>
    </ul>
</div>

<div data-role="view" id="secondview" data-layout="mobile-view" data-title="Local View">
<p>Hello world!</p>
</div>

<div data-role="layout" data-id="mobile-view">
    <header data-role="header">
        <div data-role="navbar">
            <a class="nav-button" data-align="left" data-role="backbutton">Back</a>
            <span data-role="view-title"></span>
            <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
        </div>
    </header>
</div>

General Discussions

answered on 28 Mar 2012

0 answers

143 views

Disable certain dates in the calendar

Hi,

Last week I came across Kendo UI and I am beginning to like it.
It's great that there is consistency between the different consoles.
At this moment I am evaluating the different components to see if I can use Kendo UI to replace my current library.

I managed to color certain dates, that was no problem. What I want to know is how you can disable certain dates in the calendar.

Hope someone can help me with this.

Best regards,

Joshua

Calendar

asked on 28 Mar 2012

1 answer

113 views

If grid is floated to left, unsized columns behave differently in different browsers.

Here's what I'm trying to achieve: I want to have a data grid on the left and a column of buttons on the right.
I want the data grid on the left to take as much space as it needs but no more.

My grid has three columns. The first two are fixed size, and the third isn't. Optimistically, I thought that would mean that the third column takes as much space as it needs.

On Chrome, this third column has a width of 0.
On IE9, this third column takes up 100% of the remaining width of the screen.

Neither of these behaviors is what I want. I want it to take up as much space as it needs to hold the content.

Here's my working example: js fiddle example

View this same example in Chrome and IE9 and you'll see the difference.

Can somebody provide me ideas to solve this problem?

(I could put the whole grid and the buttons in one big layout table, but that will be using a table for layout purposes - the CSS police will come knocking :-) )

Grid

answered on 28 Mar 2012

0 answers

67 views

a way to define width of ploting area / legend?

Hi,

is there a way to define the size / width of the charting area or the legend?
I have 2 charts on a website, each with a legend and I can't find a way to define the width of the legend or the width of the plotting area. I only can size the complete chart...
For styling reasons i want the 2 charts have the same width / height of the "plotting area"..

Thanks in advance!

Charts

asked on 28 Mar 2012

9 answers

624 views

Grid pageable?

I've just delved into the new MVVM stuff, which is great as I'm used to working with Knockout and I love the concept. However, I'm setting data-sortable="true" to initialise a grid, but I can't see any way of actually setting whether the grid is pageable or not? I'd expect data-pageable="true" to work, however this is not the case...? Has anyone found any ways around this?

MVVM

answered on 28 Mar 2012

0 answers

129 views

Cancel the Upload Manually

Hi,

I am submitting an Ajax form when the user uploads a file, Is there any way that i can cancel the upload manually while its being loaded, i mean i don't want to show the cancel button to user but there is a link through which the user can cancel the upload. How should i do that?

Upload

asked on 28 Mar 2012

0 answers

110 views

Get Sum of Row

Hi, I came across aggregates. But i can't get it to work. anyway, I have a grid it contains ItemDesc, Qty, RetailPrice. I would like to get the total of RetailPrice and if possible the computation would be RetailPrice * Qty = Total Price.

Grid

asked on 28 Mar 2012