Jquery 剑道ui分页问题
我在一个剑道ui网格上工作，我希望一次只显示5条记录，并且通过分页显示其他记录，所以我使用此代码Jquery 剑道ui分页问题,jquery,kendo-ui,Jquery,Kendo Ui,我在一个剑道ui网格上工作，我希望一次只显示5条记录，并且通过分页显示其他记录，所以我使用此代码 $(document).ready(function() { $("#grid").kendoGrid({ dataSource: { data: createRandomData(50), pageSize: 5
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
data: createRandomData(50),
pageSize: 5
},
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true
},
columns: [ {
field: "FirstName",
attributes:{"class": "table-cell"}
} , {
field: "LastName",
attributes:{"class": "table-cell"}
} , {
field: "City",
attributes:{"class": "table-cell"}
} , {
field: "Title",
attributes:{"class": "table-cell"}
} , {
field: "BirthDate",
template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #',
attributes:{"class": "table-cell"}
} , {
field: "Age",
attributes:{"class": "table-cell"}
}
]
});
});
</script>
$（文档）.ready（函数（）{
$（“#网格”）.kendoGrid({
数据源：{
数据：createRandomData（50），
页面大小：5
},
分组：对，
可排序：是的，
可分页：{
刷新：是的，
页面大小：正确
},
列：[{
字段：“名字”，
属性：{“类”：“表单元格”}
} , {
字段：“姓氏”，
属性：{“类”：“表单元格”}
} , {
字段：“城市”，
属性：{“类”：“表单元格”}
} , {
字段：“标题”，
属性：{“类”：“表单元格”}
} , {
字段：“生日”，
模板：'#=kendo.toString（生日，“dd-MMMM-yyyy”）#'，
属性：{“类”：“表单元格”}
} , {
字段：“年龄”，
属性：{“类”：“表单元格”}
}
]
});
});
第9行的pageable启用分页，但它启用了页脚栏中的所有内容，我不需要所有内容，我只需要相邻的next和previous按钮：）。我也读了它的所有文档，但我没有找到解决方案，或者我可能错过了它。您是否尝试过将寻呼机信息设置为false？也许这会有帮助： 堆栈， 请尝试此代码，或将其作为分页的示例
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
var dataSource = new kendo.data.DataSource({
data: [
{ name: "Tea", category: "Beverages" },
{ name: "Coffee", category: "Beverages" },
{ name: "Ham", category: "Food" }
],
page: 1,
// a page of data contains two data items
pageSize: 5
});
dataSource.fetch(function(){
var view = dataSource.view();
console.log(view.length); // displays "2"
console.log(view[0].name); // displays "Tea"
console.log(view[1].name); // displays "Coffee"
});
$("#grid").kendoGrid({
pageable: {
refresh: true
},
pageable:true,
columns: [
{ field: "name", title: "Name", width: "100px" },
{ field: "category", title: "Category", width: "100px" },
],
dataSource: dataSource
});
</script>
</body>
</html>
var dataSource=new kendo.data.dataSource({
数据：[
{名称：“茶”，类别：“饮料”}，
{名称：“咖啡”，类别：“饮料”}，
{名称：“火腿”，类别：“食品”}
],
页码：1，
//一页数据包含两个数据项
页面大小：5
});
dataSource.fetch（函数（）{
var view=dataSource.view（）；
console.log（view.length）；//显示“2”
console.log（视图[0].name）；//显示“Tea”
console.log（视图[1].name）；//显示“Coffee”
});
$（“#网格”）.kendoGrid({
可分页：{
刷新：正确
},
pageable:对，
栏目：[
{字段：“名称”，标题：“名称”，宽度：“100px”}，
{字段：“类别”，标题：“类别”，宽度：“100px”}，
],
数据源：数据源
});
false