Questions on Kendo UI for jQuery Forum

0 answers

253 views

Hello guys,

I would like to know, if is there any way to cancel the request that fill some data by ajax on the grid of Kendo UI web?

I mean it because I have a page where the user can change the filter (on links.. not on the grid) and sometimes I have a lot of data coming from the async request, so if my user change these filters I would like to cancel the async request and start another one.

Look my code:

var path = 'my-url';
var grid = $("#grid").kendoGridTranslated({
dataSource: {
type: "json",
transport: {
read: {
dataType: "json",
url: path,
cache: false,
type: 'POST',
data: {
parameter: true
}
}
}
/* configuration and fields*/
}).data("kendoGrid");

Thank you.

Grid

asked on 20 Sep 2012

4 answers

260 views

[Solved] How to plot points on area chart

Hi Kendo Team

As a part of Dashboard in my project I need to show the sales value for a given date.I am able to plot the area using the area chart but am not able to mark the value of the sale for a given day.I need to get the output as in the file attached to this thread.Do I need to use two types of chart to achieve this kind of output.If thats the case which type of charts should i use together and how to do it.

Awaiting your response

Thanks in Advance
Ramoji

Charts

answered on 20 Sep 2012

1 answer

219 views

Debugging MVVM Attributes

Does anyone know how to debug a databound attribute in MVVM?

For example: I want to see the value of a calculated attribute.

I tried console.debug (this.get(" XXXX"));

This doesnt do anything. Anyone else?

MVVM

answered on 20 Sep 2012

1 answer

139 views

Example for using Kendo Globalization?

Hi,

we are evaluation Kendo UI. What we like about it is it's support for Globalization using Cultures. But I've got a question about that:
-> Do you have an example how to use the Kendo Globalization in an app?

We would like to be able to use Kendo Globalization for all labels. Is that possible?

Otherwise what do you suggest on that topic? Another possiblity is to use https://github.com/SlexAxton/messageformat.js.

Thanks,
Jan

General Discussions

answered on 20 Sep 2012

0 answers

115 views

Hierarchy - customizing the hierarchy cell image based on condition

I have a simple grid with hierarchy data. The thing is, not all records have a data subset, so I don't want to show the hierarchy image for those rows (since there isn't anything to expand). Can anyone think of a way to handle this? Any thoughts on having a custom image for the "expand" link based on a value in the row?

Thanks!

Grid

asked on 20 Sep 2012

0 answers

140 views

local DataSource getting an error when binding.

This jsFiddle example is a slimmed down copy/paste from the MVVM RemoteBinding demo :

http://jsfiddle.net/rally25rs/WuQwn/

When I run this code, I receive the error "k.push is not a function", and the binding fails. If I remove the DataSource, and instead make viewModel.productsSource = [ ... ] (so it is just an array, not a data source) then the binding works. It only seems to fail when I use a dataSource, but that is what the demo does.

Can someone point out what I am doing wrong?
Thanks for any help.

Data Source

asked on 20 Sep 2012

8 answers

386 views

[Solved] Switch iOS native styling

Hi!
In the another forum thread you post me a fiddle with a switch example, this one:
http://jsfiddle.net/7WVqL/138/

It looks great and native on my iPad (with rounded corners), exactly as iPad native switch.

But in my project and actually also in your examples here http://demos.kendoui.com/mobile/switch/index.html on iPad the switch looks not native (square corners), actually like in Chrome on Windows PC.

I can not figure out, how to make iPad native like in fiddle I posted here.

PS: please to see difference, open links I posted here on ipad or simulator.

Switch (Mobile)

answered on 20 Sep 2012

0 answers

169 views

Data not being posted to server

I can't seem to get any data from the server in the request.parts after specifying method="Post" and
contenttype="multipart/form-data"

<html>

<head>

<title></title>

<script src="js/lib/jquery/jquery-1.8.1.min.js"></script>

<script src="js/lib/kendoui/kendo.web.min.js"></script>

<link href="css/KendoUI/kendo.common.css" rel="stylesheet" />

<link href="css/KendoUI/kendo.blueopal.css" rel="stylesheet" />

</head>

<body>

<div id="example" class="k-content">

<div id="grid"></div>

<script>

$(document).ready(function() {

var crudServiceBaseUrl = "http://127.0.0.1:8081/cors", dataSource = new kendo.data.DataSource({

transport : {

read : {

url : crudServiceBaseUrl + "/People",

dataType : "json"

},

update : {

contentType: "multipart/form-data",

type: "POST",

url : crudServiceBaseUrl + "/People/?$method=update",

dataType : "json",

data: {

__KEY: 26,

__STAMP: 23,

ID: 26,

firstName: "fgsdf44",

lastName: "dsdfgdfg"

}

},

destroy : {

url : crudServiceBaseUrl + "/People(28)/?$method=delete",

dataType : "json"

},

create : {

url : crudServiceBaseUrl + "/People/Create",

dataType : "json"

},

parameterMap : function(options, operation) {

if (operation !== "read" && options.models) {

return {

models : kendo.stringify(options.models)

};

}

},

schema : {

data : "__ENTITIES",

model : {

id : "ID",

fields : {

__KEY : {

editable : false,

nullable : true

},

__STAMP : {

editable : false,

nullable : true

},

ID : {

editable : false,

nullable : true

},

firstName : {

validation : {

required : true

}

},

lastName : {

validation : {

required : true

}

});

$("#grid").kendoGrid({

dataSource : dataSource,

pageable : true,

height : 400,

toolbar : ["create"],

columns : ["__KEY", "__STAMP", "ID", "firstName", "lastName", {

command : ["edit", "destroy"],

title : " ",

width : "210px"

}],

editable : "inline"

});

</script>

</div>

</body>

</html>

Data Source

asked on 20 Sep 2012

0 answers

94 views

Using custom #= template # in window. with 2 colums that holds samt type.

columns.Bound(p => p.StartDate).Format("{0: yyyy-MM-dd}").Title("Datum");

columns.Bound(p => p.StartDate).Format("{0:hh:mm}").Title("Tid");

Is there some way that i can name 2 colums that are the same? Like this

columns.Bound(p => p.StartDate).Format("{0: yyyy-MM-dd}").Title("Datum").ID("Date");

columns.Bound(p => p.StartDate).Format("{0:hh:mm}").Title("Tid").ID("Time");

and then use them in a template file like:

#= Time #
#= Date #

Grid

asked on 20 Sep 2012

0 answers

211 views

Ajax bound drop down using parameter

Here is my dropdown:

@(Html.Kendo().DropDownList()

.Name(ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty))

.DataValueField("TaxImpsnId")

.DataTextField("TaxImpsnName")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("_AjaxMethod", "MyController", new { lookupId= 1 });

}).ServerFiltering(true);

})

)

My dropdown is actually a column in a Kendo grid. Instead of hard coding the lookupId =1 that is passed into the Ajax method in the controller, I want to take it from another field on the grid of the currently selected row.

So when the user changes the row of the grid, the drop down should reload passing in the lookupId of the currently selected grid row to the controller.

Thanks for the help.

DropDownList

asked on 20 Sep 2012