0

我正在研究剑道 ui 网格http ://demos.kendoui.c​​om/web/grid/index.html ，我想一次只显示 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>

第 9 行的 pageable 启用了分页，但它启用了页脚栏中的所有内容，我不需要所有我只需要彼此相邻的下一个和上一个按钮 :)。我还阅读了它的所有文档http://docs.kendoui.c​​om /getting-started/using-kendo-with/aspnet-mvc/helpers/grid/configuration但我没有找到解决方案，或者我可能错过了。

4

3 回答 3

1

您是否尝试将 Pager 的信息设置为 false？也许这会有所帮助：

http://docs.kendoui.c​​om/api/web/pager#configuration

于 2013-08-30T12:00:09.483 回答
0

您需要查看显示如何禁用默认启用的某些选项的寻呼机文档。例如，将数字设置为false将隐藏数字按钮。

于 2013-08-30T18:13:29.790 回答
0

堆栈，试试这个代码或以它作为分页的例子

<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>
于 2013-08-30T12:18:09.153 回答