html - 如何限制 KendoUI 网格可以拥有的行数？

Question

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

Answer 1

给定以下 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()，否则我会提醒用户行数过多。