7,655
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
夜魔009 2014-09-15
- 打赏
- 举报
官方实例里有，声明一个datasource，然后绑定就行了。
<input type="text" id="name" name="name" class="k-textbox"
style="width: 200px;">
<a id="search">查询</a>
<div id="grid"></div>
<script>
$(function() {
var grid = $("#grid").kendoGrid({
columns : [ {
field : "id",
title : "编号",
width : 200
}, {
field : "name",
title : "姓名"
}, {
field : "age",
title : "年龄"
} ],
groupable : false,
filterable : true,
virtual : true,
sortable : true,
dataSource : {
transport : {
dataType : "json",
read : {
type : "POST",
url : "kendo/test5.json",
contentType : "application/json"
},
parameterMap : function(options) {
return kendo.stringify(options);
}
},
serverPaging : true,
serverSorting : true,
serverFiltering : true,
serverGrouping : true,
schema : {
data : function(response) {
return response.data;
},
total : function(response) {
return response.total;
}
}
},
pageable : {
refresh : true,
pageSizes : true,
buttonCount : 5,
page : 1,
pageSize : 10,
pageSizes : [ 10, 20, 30 ],
messages : {
display : "显示 {0}-{1} 共 {2} 项",
empty : "没有数据",
itemsPerPage : "每面显示数量",
first : "第一页",
last : "最后一页",
next : "下一页",
previous : "上一页"
}
}
});
$("#search").click(function() {
var name = $("#name").val();
grid.data("kendoGrid").dataSource.filter([ {
field : "name",
value : name
}, {
field : "age",
value : 123
} ]);
});
});
</script>
