k-grid disable filters
retrieve current edited row
HTML
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<input type="button" onclick="collapseAll()" value="Collapse All"/>
<input type="button" onclick="expandAll()" value="Expand All"/>
<div id="grid"></div>
CSS
body {
margin-top: 30px;
}
JavaScript
$("#grid").kendoGrid({
dataSource: {
data: createRandomData(50),
schema: {
model: {
fields: {
FirstName: {
type: "string"
},
LastName: {
type: "string"
},
City: {
type: "string"
},
Title: {
type: "string"
},
BirthDate: {
type: "date"
},
Age: {
type: "number"
}
}
}
}
},
groupable: {
enabled: true,
showFooter: true
},
columns: [
{
field: "FirstName",
title: "First Name"},
{
field: "LastName",
title: "Last Name"},
{
field: "City"},
{
field: "Title"},
{ field: "Age", groupable: false, aggregates: [ "sum" ],
groupFooterTemplate: "#: sum #"}
]
});
function collapseAll() {
$("#grid").find(".k-icon.k-collapse").trigger("click");
}
function expandAll() {
$("#grid").find(".k-icon.k-expand").trigger("click");
}