Questions on Kendo UI for jQuery Forum

3 answers

351 views

How to know when the grid leaves the edit mode.

I'm trying to change the visibility of the buttons in the toolbar depending on the "edit status" of the grid. I can easily detect when the grid enters the edit mode by wiring appropriately the edit event of the grid, but how do I intercept when the grid leaves the edit mode?

Grid

answered on 29 Mar 2012

1 answer

57 views

BUG since 2012.1.322 Mobile css overrules AutoComplete css

I have a kendo mobile application. For searching i use an autocomplete on one of the views. I have switched from version 2012.1.229 to 2012.1.322. In this new version the autocomplete is not rendered correctly. It seems that the mobile CSS settings overrule the autocomplete settings.

I have included the following CSS links.

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.mobile.ios.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css" rel="stylesheet" />

If i comment the mobile.ios.min.css out, the autocomplete widget renders correctly again (, but the rest of the mobile appication is broken).

Using IE developer tools to zoom in. It seems the following CSS rules are causing my issue:
.km-root input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]) {

top: 50%; right: 0.8em; line-height: normal; margin-top: -0.5em; position: absolute; z-index: 1;

}

.km-root input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]) {

right: 0px; margin-top: -0.95em;

}

.km-ios input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]) {

padding: 0.4em; outline: 0px; border: 0px currentColor; color: rgb(56, 84, 135); font-size: 1.1rem; min-width: 6em;

}

Can you fix it, or provide a workaround?

AutoComplete

answered on 29 Mar 2012

1 answer

75 views

Kendo Newbie Classes

Looking at some examples on your site and the forum and I notice things link class="k-menu" or "k-item" etc

Where can i find reference's to these?

Many thanks.

General Discussions

answered on 29 Mar 2012

8 answers

500 views

Using DataSource to read from dynamically generated XML

I'm writing a web app that calls an ASP.NET web service which retrieves data from a MySQL database and returns the response in XML. However, I'm having trouble getting this to work without a static XML file, I would like to pass the XML response directly to jquery. Below is my code, any help would be appreciated. I had also tried passing the XML response to javascript and generated an XML object which I passed to Kendo's Datasource, which didn't work either.

Also, if it's not possible, is it bad practice to create temporary XML files for each call to the web service?

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: "WebService.asmx/HelloWorld", //had also tried absolute path

datatype: xml

}

},

schema: {

type: "xml",

data: "/NewDataSet/Group",

model: {

fields: {

rowid: "rowid/text()",

group_id: "group_id/text()",

group_name: "group_name/text()",

}

}),

scrollable: false,

sortable: true

});

Data Source

answered on 29 Mar 2012

1 answer

106 views

loading hanging

I have the loading dialog hanging after fast actions.

Can you add a cleartimeout in the showLoading function, before setting a new timeout?

Application

answered on 29 Mar 2012

0 answers

97 views

input text changed

is there any text changed event on an input field in the kendo web ui

General Discussions

asked on 29 Mar 2012

7 answers

368 views

Grid rowTemplate

I'm working on a page that needs to have a rowTemplate added to a kendo grid. I've tried a few permiatations and can not get it to work. I have the grid bound to a view model with a data source property called Info. I pasted my code below and am not sure what I am missing.

<table id="grid" width="100%" data-role="grid" data-bind="source: Info" data-template="row-template"

data-columns='[{"field": "ID","title": "Id"}]'>

</table>

<tr>

<td>

</td>

</tr>

</script>

MVVM

answered on 28 Mar 2012

2 answers

154 views

Create doesn't get called with an id != 0

I'm noticing some strange behavior on datasource CRUD operation when sync() gets called.
I've a transport with this configurations:

new kendo.data.DataSource({

transport: {

read: {

url: "webservices/entities/read",

dataType: "jsonp",

jsonp: false,

jsonpCallback: "callback"

},

create: {

url: "webservices/entities/create",

type: "post",

},

schema: {

data: "items",

total: "total",

model: {

id: "id",

fields: {

id: {type: "number"},

name: {type: "string"},

description: {type: "string"},

parent_id: {type: "number"}

}

},

serverFiltering: true,

sort: {field: "name", dir:"asc"},

filter: {field: "parent_id", operator: "eq"

, value: parent_id}

});

however, when I add a new item with the datasource.add() method and call sync(), Create gets called only if I set the id: 0. With any other number Create doesn't get called. I've track the XHR object from the browser developer tools and I can also verify this by setting parameterMap: function(operation, options) { alert(operation); }

Any clue?

Data Source

answered on 28 Mar 2012

1 answer

102 views

Querying current gird filters

I'm looking for a way to load/save the current grid filtering. I've figured out how to set multiple filters with jQuery. But I can't seem to figure out how to read/query it. Also is there any built in way to toggle columns (show/hide).

Dan

Grid

answered on 28 Mar 2012

0 answers

149 views

How to support paging in kendoDropDownList

Hi,

kendoDropDownList works very great with a limited number or records.
I want to put a kendoDropDownList selection a table that have more than 10000 rows. Having this number of records doesn't make sense to add in the DOM.
It would be great if the kendoDropDownList could support paging.
If the user type another selection, then it perform a lookup and allow selection.
Is someone already did this? I think a code sample with a huge dataset is a good thing to add.
I have no clue how to do this. Any idea are welcome. Thank you.

DropDownList

asked on 28 Mar 2012