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

Question

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

我尝试添加

.Batch(true) 

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

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

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

请问有什么建议吗？

Answer 1

哟，伙计，

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

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

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")));
   });