如何限制KendoUI Grid可以拥有的行数？

Question

我有一个简单的kendoUI网格，最多只有5行。是否有任何配置属性可用于限制行，或者我应该编写一些简单的自定义逻辑来检查我的数据源并防止添加超过5行？

Answer 1

如果您的意思是页面大小应限制为5行，那么您可以在数据源上设置pageSize选项：

$("#grid").kendoGrid({
   dataSource: {
       pageSize: 5
   }
});

http://docs.kendoui.com/api/web/grid#pageablepagesize-number

Answer 2

给出以下kendoGrid定义：

var grid = $("#grid").kendoGrid({
    dataSource:stocksDataSource,
    columns   :[
        { field:"col1", title:"Column 1" },
        { field:"col2", title:"Column 2" },
        { field:"col3", title:"Column 3" }
    ],
    toolbar   :[
        { name      :"create", className :"k-grid-add2" }
    ],
    editable  :true
}).data("kendoGrid");

我在工具栏中添加了create按钮，但将其className重新定义为k-grid-add2。然后我在此按钮上添加了click事件的陷阱，如下所示：

$(".k-grid-add2", grid.element).bind("click", function (ev) {
    console.log("adding!");
    if (grid.dataSource.data().length < 5) {
        grid.addRow();
    } else {
        alert("Too many, sorry!")
    }
});

我在哪里检查行数，如果少于5行，那么我调用grid.addRow()，否则我会提醒用户行数太多。