or
Hi,
Since KendoUI is built on jQuery, I would expect all functionalities available in jQuery to be used to the fullest in your framework.
We initialise our kendoWindow as follows:
var
modalTitle = $(
this
).attr(
'data-modal-title'
var
modalUrl = $(
this
).attr(
'data-modal-url'
var
modalWidth = $(
this
).attr(
'data-modal-width'
);
$(
'<div></div>'
)
.kendoWindow({
width: modalWidth,
title: modalTitle,
content: modalUrl,
modal:
true
})
.data(
"kendoWindow"
)
.center()
.open();
var
grid = $(
"#grid"
).kendoGrid({
dataSource: {
data: createRandomData(50),
schema: {
model: {
fields: {
FirstName: { type:
"string"
, validation: {required:
true
} },
LastName: { type:
"string"
, validation: {required:
true
} },
City: { type:
"string"
, validation:{required:
true
} },
Title: { type:
"string"
},
BirthDate: { type:
"date"
},
Age: { type:
"number"
, validation: {min:18, required:
true
} }
}
}
},
pageSize: 15
},
height: 500,
scrollable:
true
,
sortable: {
mode:
"multiple"
},
toolbar: ansichtNichtEditierbar,
filterable:
true
,
pageable:
true
,
columns: [... ],
groupable:
true
,
editable:
false
,
}).data(
"kendoGrid"
);
var
ansichtNichtEditierbar = [
{
text:
"Editieren"
,
className:
"k-grid-customEditieren"
,
imageClass:
"k-add"
},
{
text:
"Ansicht Speichern"
,
className:
"k-grid-customAnsichtSpeichern"
,
imageClass:
"k-add"
}
];
$(
".k-grid-customEditieren"
).on(
'click'
,
function
(){
});