kendo-ui - 如何删除 Kendo 网格中的多行？

Question

我有一个剑道网格，第一列作为复选框。我想使用这些复选框删除多行。我一次只能删除一行。

我尝试添加

.Batch(true) 

对于数据源，下面是我的网格外删除按钮的功能。

function deleteRule() {
    var grid = $("#grid").data("kendoGrid");

    grid.select().each(function () {
        grid.removeRow($(this));
    });
}

请问有什么建议吗？

Answer 1

哟哥们，

具体如何删除这一行？为什么使用 select 方法？

基本上，我建议您创建一个删除按钮，该按钮执行删除所选行的逻辑 - 我猜您正在使用内部带有复选框的模板列。如果您向该复选框添加一个类，您可以轻松选择网格内的所有复选框。因此，假设复选框的类名称是 cool，那么您可以在删除按钮单击处理程序中执行以下逻辑:

function whenYourDeleteButtonIsClicked(){
    var grid = $("#grid").data("kendoGrid");
    $('.cool:selected').each(function(){
       grid.removeRow($(this).closest('tr'));
    })
}

我希望你能想到这个主意，伙计。祝你好运。