Questions on Kendo UI for jQuery Forum

9 answers

2.4K+ views

Timeout

I am having an issue where I have a long running query and I see we get results in Fiddler, but the loading gif disappears in the Grid before the results are returned. My assumption is that there is a timeout setting, but I see no documentation about it. Also, when this happens I am unable to query the datasource. Any help would be appreciated.

Wade

Data Source

answered on 16 Apr 2012

3 answers

217 views

Group Problem

I'm unsure of how to get the data grouped properly for a list view. I think the problem is in my datasource definition although it may also be a problem with my list binding. Any tips or suggestions for my data source are greatly appreciated.

I'm sending data in the following format from a webservice I have written:

{

"count" : 3,

"queryData" : "users",

"results" : [

{ "length" : 2, "result" : "1A" },

{ "length" : 2, "result" : "9F" },

{ "length" : 3, "result" : "F03" }

]

}

And my datasource formatted as so:

var ds = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:12392/api/process",

dataType: "jsonp",

data: {

queryData: 'users'

}

},

schema: {

data: function(data) { return data.results },

total: function(data) { return data.count },

model: {

fields: {

length: {

type: 'number'

},

result: {

type: 'string'

}

},

group: { field: 'length' }

}

});

Now I want my mobile list view to be grouped by length as the datasource is setup for. My mobile list view is not grouped. This grouping is not configurable by the user nor intended to be. I just want my list grouped on length.

Fires on view render:

function resultsBind() {

// Old local data version with correct grouping

// $("#grouped-listview").kendoMobileListView({

// dataSource: kendo.data.DataSource.create({data: groupedData, group: "length" }),

// template: "#= result #",

// headerTemplate: "Group ${value}"

// });

$("#grouped-listview").kendoMobileListView({

dataSource: ds,

template: "#= result #",

headerTemplate: "Group ${value}"

});

}

Data Source

answered on 14 Apr 2012

0 answers

78 views

Google crawling question

Hello,

A question if we build a website completely on HTML5 with KendoUI JSON datasources will Google/Bing crawl are JSON data ? Or will it only crawl are HTML5 template ?

There is a lot off information about HTML5 and JSON on the web only there is nothing that says will Google/Bing crawl JSON data.
The onlything we find is that Google works with # (get, post) this get and post i don't see inside KendoUI if we look at the Row template sample.

General Discussions

asked on 14 Apr 2012

1 answer

77 views

how to add new value axis

How can we add new value axis in kendo Ui

Charts

answered on 14 Apr 2012

0 answers

124 views

week view

Hi all,
We are looking for a way to create a scheduler like Outlook week view... or google calendar ..

regards
AC

Calendar

asked on 14 Apr 2012

4 answers

1.8K+ views

Kendo UI and ASP.NET MVC example applications

I'm embarking on a big ASP.NET MVC web application development project in early January and although I was previously set on using the Telerik ASP.NET MVC Extensions, I am now wondering whether using Kendo would actually be better? Better in the sense of a nicer UI with a better future growth path. This particular application is the back-office component of a LOB application and does not require mobile support, although partial mobile support in future should probably not be ruled out.

I've read the MVC FAQ here: http://www.kendoui.com/faq/mvc-faq.aspx and note that ASP.NET MVC wrappers will be provided in future, but I need to start soon.

As the server side technology has to be ASP.NET MVC (WCF is also an option), I require some solid examples of using Kendo with ASP.NET MVC showing menus, grids, forms and comprehensive CRUD operations. I may be missing them, but are there any comprehensive Kendo + ASP.NET MVC examples available for study yet?

I think having such examples would greatly promote adoption of Kendo by ASP.NET MVC developers. In fact a separate forum for Kendo + ASP.NET MVC might be a good idea.

Thanks in advance

Data Source

answered on 14 Apr 2012

9 answers

2.4K+ views

Server Side Filtering and Paging

I have a working asmx web service, which returns JSON data, feeding a grid via a datasource:-

var dataSource = new kendo.data.DataSource({

transport: {

read: {

type: "GET",

url: "http://localhost:51465/WidgetService.asmx/GetPatients",

contentType: 'application/json',

datatype: "json"

}

},

serverPaging:false,

schema: {

data: "d"

}

, pageSize: 10

});

This works fine. However , when I try to pass a parameter to the asmx service (to enable server side filtering), like this:-

var dataSource = new kendo.data.DataSource({

transport: {

read: {

type: "GET",

url: "http://localhost:51465/WidgetService.asmx/GetPatientsFiltered",

contentType: 'application/json',

datatype: "json",

data: { srchFilter: "blue" }

}

},

serverPaging:false,

schema: {

data: "d"

}

, pageSize: 10

});

I get an Invalid JSON primitive error. Using fiddler, I can see that the call to the web service is http://localhost:51465/WidgetService.asmx/GetPatientsFiltered?srchFilter=blue&take=10&skip=0&page=1&pageSize=10
, but as it's a JSON call, it isn't encoded correctly. How can I correctly format the call?
Also, even though server side paging is set to false, it's passing the paging parameters - the only way to stop this is to remove the pageSize setting, which then removes client-side paging on the grid. How can I fix this.

It would be really helpful to have a lot fuller documentation on the datasource, including all the options and parameters that can be used, and the sort of services it is expecting (i.e. parameter names / formatting etc..). Currently I feel as if I'm stumbling around in the dark (and most examples on the web either relate specifically to jquery, or asp.net AJAX).

Thanks

Data Source

answered on 14 Apr 2012

0 answers

107 views

Validator and tooltip

Hi,
How I can create i validator message with tooltip ?

Thanks

Validation

asked on 14 Apr 2012

5 answers

768 views

Method for removing controls

I'm using jquery mobile with some controls of kendo ui (either kendo mobile isn't out yet).

Jquery Mobile use AJAX to load the content of the next page and replaces the content of the div with the attribute data-role="page".
This is fine and works great, but with the time the page gets slower and slower. the reason for this is, that kendo ui creates elements in the body of the document, and those elements are never removed... so the page dom increases with every page load...

Is there a reason to destroy existing controls so that they remove the generated content in the body? Or can I define in which element kendo ui will generate the hidden divs?

Thank you
Micha

General Discussions

answered on 14 Apr 2012

18 answers

734 views

Unable to scroll on iPad

When I try to scroll an opened dropdownlist on the iPad, it selects the item that was touched in the list and then closes. So to select the actual item that I'm looking for I have to open and scroll n number of times until I reach such item. Is there a way to differentiate the touch between a drag and a click. I was thinking about trying to make it cancel the close when the drag event happens.

DropDownList

answered on 13 Apr 2012