Html 如何限制KendoUI网格的行数？

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

如果您的意思是页面大小应限制为5行，则可以在数据源上设置

pageSize

选项：

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

---

给出了以下

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
。然后我在此按钮上添加
单击
事件，如下所示：

$(".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!")
    }
});

$（“.k-grid-add2”，grid.element）.bind（“单击”，函数（ev）{
日志（“添加！”）；
if（grid.dataSource.data（）.length<5）{
grid.addRow（）；
}否则{
提醒（“太多了，对不起！”）
}
});

我检查行数，如果行数少于5行，则调用
grid.addRow（）
，否则我会提醒用户行数太多。
不，我实际上希望网格在任何时候都只有5行，我想应该使用我自己在数据源上的逻辑来完成这件事：）但是谢谢。。。！我只是想知道我是否真的应该使用这一行：if（$（“#divProductsGrid”）.data（“kendoGrid”）.dataSource.data（）.length<5）{//do something}不，没有这样的选项（afaik）。网格可以添加行吗？如果是这样，您的解决方案不会阻止添加行，而是检查行数是否小于5。解决方案类似，但您需要截取
add
事件和
grid.addRow
如果少于5行。@Sandeep您是对的，那么应该在添加数据源之前完成。您的数据源是什么样子的？是否是数组、列表或其他内容？返回false//如果是批处理模式，则在if else之后