如何使用外部按钮更新剑道网格上的多行

Question

我有一个剑道网格，列如下：

我为关闭按钮编写了一个函数，当用户通过检查选择行并单击关闭按钮时，这将自动将 IsClosed Column 更新为“True”

这是我的代码：

$(function () {
    $('#btnClose').click(function () {
        var grid = $('#grOrders').data("kendoGrid");
        $.each($('#grOrders :checkbox:checked').closest('tr'), function () {                
            var data = grid.dataItem($(this));
            data.set("IsClosed", true);
        });
    });

});

当我测试时，它只更新检查的第一行，不知道为什么？请帮帮我。

Answer 1

问题在于，一旦您调用 set("IsClosed", true)，KendoUI 就会重新绘制网格，因此下一个 grid.dataItem 不会返回您所期望的。

相反，尝试第一个each 获取需要修改的项目列表，然后第二个each 实际修改它们。比如：

$('#btnClose').click(function () {
    var grid = $('#grid').data("kendoGrid");
    var rows = $('#grid :checkbox:checked');
    var items = [];
    $.each(rows, function () {
        var item = grid.dataItem($(this).closest("tr"));
        items.push(item);
    });
    $.each(items, function(idx, elem) {
        elem.set("IsClosed", true);
    });
});