or
01.
$(document).ready(
function
() {
02.
var
JsonDataSource =
new
kendo.data.DataSource({
03.
transport: {
04.
read: {
05.
url:
"jsonProvider.php"
,
// the remove service url
06.
dataType:
"json"
07.
}
08.
}
09.
});
10.
11.
JsonDataSource.read();
12.
console.log(JsonDataSource);
13.
14.
$(
"#grid"
).kendoGrid({
15.
dataSource : JsonDataSource,
16.
columns : [
"id"
,
"name"
],
17.
selectable :
true
,
18.
sortable :
true
,
19.
change :
function
(event) {
20.
console.log(
this
);
21.
var
selected =
this
.select();
22.
console.log(selected.text());
23.
},
24.
dataBound :
function
() {
25.
console.log(
"data loaded"
);
26.
}
27.
});
28.
});
1.
[{id : 1, name:
"sth"
}]
Hi,
I started to play with KendoUI and it seems to be pretty amazing. However, I’m having a hard time to achieve a simple scenario:
For example, how could I place a DropDownList “Cities” that is filtered by another DropDownList “States” in a way that the “Cities” DataSource only queries the server after the selection of “State”?
I saw the filter feature, but it seems to me that you need to query all the data and filters it on the client side. Is that right?
Thanks!
Gabriel Mello
$(
"#link-window"
).kendoWindow({
draggable:
false
,
resizable:
false
,
visible:
false
,
modal:
true
,
animation:
"false"
,
width:
"300px"
,
height:
"100px"
,
actions: [
"Close"
]
});
$(
"#link-window"
).kendoWindow({
draggable:
false
,
resizable:
false
,
visible:
false
,
modal:
true
,
animation:
false
,
width:
"300px"
,
height:
"100px"
,
actions: [
"Close"
]
});