Question

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

我尝试添加

.Batch(true)

表示数据源，下面是我在网格外删除按钮的功能。

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

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

有什么建议吗？

Answer 1

哟伙伴，

你究竟如何删除那一行？为什么使用select方法？

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

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

我希望你有了这个想法。祝你好运。

Answer 2

这是我使用的

效果很好

    $('#your-grid-id').data("kendoGrid").select().each(function () {
        grid.dataSource.remove(grid.dataItem($(this).closest("tr")));
   });

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

2 个答案: