or
var Person = kendo.data.Model.define({
fields: {
name: {
editable: true,
from:"name",
parse:function(v){
console.log('parse name..., v=' + v);
return v;
}
},
age:{
type:"number"
}
}
});
var person = new Person( {
name: "John Doe",
age: 42
});
01.
jQuery(ORDER_GRID_ID).kendoGrid({
02.
"change"
: XX.OrderGrid_Change,
03.
"columns"
: [{
04.
"title"
: XX.Title,
05.
"width"
:
"120px"
,
06.
"field"
:
"number"
,
07.
"filterable"
:
true
,
08.
"encoded"
:
true
09.
},
10.
{
11.
"title"
: XX.Title1,
12.
"width"
:
"200px"
,
13.
"field"
:
"status"
,
14.
"filterable"
:
true
,
15.
"encoded"
:
true
16.
},
17.
{
18.
"title"
: XX.Title2,
19.
"width"
:
"100px"
,
20.
"field"
:
"orderDate"
,
21.
"format"
:
"{0: yyyy/MM/dd}"
,
22.
"filterable"
:
true
,
23.
"encoded"
:
true
24.
},
25.
{
26.
"title"
: XX.Title3,
27.
"width"
:
"100px"
,
28.
"field"
:
"deliveryDate"
,
29.
"format"
:
"{0: yyyy/MM/dd}"
,
30.
"filterable"
:
true
,
31.
"encoded"
:
true
32.
},
33.
{
34.
"title"
: XX.Title4,
35.
"width"
:
"200px"
,
36.
"field"
:
"customer.userName"
,
37.
"filterable"
:
true
,
38.
"encoded"
:
true
39.
},
40.
{
41.
"title"
: XX.Title5,
42.
"template"
:
"#=totalRequested()# EUR"
,
43.
"field"
:
"totalRequested()"
,
44.
"filterable"
:
true
,
45.
"encoded"
:
true
46.
}],
47.
"groupable"
:
true
,
48.
"pageable"
: {
49.
"input"
:
true
,
50.
"refresh"
:
true
,
51.
"pageSizes"
: [2, 5, 10, 100],
52.
"buttonCount"
: 10
53.
},
54.
"scrollable"
: {
55.
"virtual"
:
true
56.
},
57.
"sortable"
:
true
,
58.
"selectable"
:
"Single, Row"
,
59.
"toolbar"
: [{
60.
"template"
:
'...here is an HTML with toolbar; nothing valuable to solve grouping problem...'
61.
}],
62.
"dataSource"
: {
63.
"transport"
: {
64.
"read"
:
function
(options) {
65.
getOrders(options);
66.
},
67.
},
68.
"schema"
: {
69.
"groups"
: [{
70.
"field"
:
"number"
71.
}],
72.
"data"
:
"data"
,
73.
"total"
:
"total"
74.
},
75.
"pageSize"
: 10,
76.
"serverPaging"
:
true
,
77.
"serverSorting"
:
true
,
78.
"serverFiltering"
:
true
,
79.
"serverGrouping"
:
true
, //why its not working?
80.
"serverAggregates"
:
true
,
81.
"error"
: XX.OrderGrid_Error
82.
}
83.
});
$(
"#CategorizeNow"
).click(
function
categorizing (e) {
e.preventDefault();
$.ajax({
url:
'@Url.Action("RunAutoCategorization", "Pattern")'
,
beforeSend:
function
() {
$(
"#CategorizeNow"
).addClass(
"k-state-disabled"
).html(
"Categorizing!"
);
},
success:
function
() {
$(
"#CategorizeNow"
).removeClass(
"k-state-disabled"
).html(
"Finished"
);
$(
"#CategorizeNow"
).kendoTooltip({
content:
"successfully finished"
,
position:
"top"
,
animation: {
close: {
effects:
"fade:out"
},
open: {
effects:
"fade:in"
,
duration: 1000
}
}
}).show($(
"#CategorizeNow"
));
}
});
});
this
.commandWindowClosing =
new
RelayCommand<CancelEventArgs>((args) =>
{
if
(!_closing)
{
args.Cancel =
true
;
RadWindow.Confirm(AppConstConfirmShutdown,
this
.RequestShutdown);
}
});
private
void
RequestShutdown(
object
sender, WindowClosedEventArgs e)
{
try
{
if
(e.DialogResult ==
true
)
{
// Do something
}
ModelUserProfile: kendo.data.Model.define({
id: "userId"
,fields: {
,firstName: { type: "string" }
,lastName: { type: "string" }
...
}
});
var datasource = new kendo.data.DataSource({
...
schema: {
model: ModelUserProfile
},
...
});
<
div
id
=
"show-userprofile"
data-role="view"
data-model="ModelUserProfile"
data-layout
=
"default"
>
...
</
div
>
<
script
id
=
"templateUserprofile"
type
=
"text/x-kendo-template"
>
...
<
div
data-bind
=
"visible: firstName"
>Vorname:</
div
>
...
</
script
>
# if (firstName) { # <
div
>Vorname:</
div
> # } #