html中定义div
<div id="grid"></div>
创建一个options
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "getUser.do",
contentType : "application/json",
type : "POST",
dataType : "json"
},
parameterMap : function(options, operation) {
options.userId= 1;
return JSON.stringify(options);
}
},
schema: {
data: "data",
total: "total"
},
pageSize: 15,
serverPaging: true
});
var options = {
dataSource: dataSource,
height: 515,
groupable: false,
sortable: false,
resizable: true,
selectable: "multiple,row",
pageable: {
refresh: true,
buttonCount: 10,
pageSizes: [10, 15, 20]
},
change: kendoGridChange,
columns: [{title: "用户编号", field: "userId", width: 65}
, {title: "用户名", field: "userName", width: 70, template: "#=userName==null?'--':userName#"}]
};
创建kendoGrid
var dataDisplayGrid = $("#grid").data("kendoGrid");
if (dataDisplayGrid) {
$('#grid').kendoGrid('destroy').empty();
}
$("#grid").kendoGrid(options);
kendoGrid全选
$("#grid tr").addClass("k-state-selected");
$("#grid").data("kendoGrid").trigger("change")
kendoGrid取消所有选中项
$("#grid").data("kendoGrid").clearSelection();
kendoGrid选择事件
function kendoGridChange(e){
var cellId = e.sender._cellId;
var gridName = cellId.substring(0, cellId.indexOf("_"));
}
kendoGrid获取选中项
var dataItems = [];
var dataItemGrid = $("#grid").data("kendoGrid");
if (dataItemGrid === undefined) {
return dataItems;
}
dataItemGrid.select().each(function (i) {
dataItems[i] = dataItemGrid.dataItem($(this));
});