javascript - Kendo Grid.dataItem 循环不工作

Question

所以我的目标是循环遍历我的剑道网格中的所有选定项目，但在第一次迭代之后，dataItem 方法返回未定义。

function myFunction() {
var selectedItem = $("#DropDown").val();
var grid = $("#Grid").getKendoGrid();
var selectedItems = grid.select();
for (var i = 0; i < selectedItems.length; i++) {
    var dataItem = grid.dataItem(selectedItems[i]);
    if (dataItem != undefined)
        dataItem.set("Item", SelectedItem);
}
}

有谁知道为什么会这样？

Answer 1

发生这种情况是因为 set() 在后台执行网格刷新，因此重新创建了 DOM。您拥有的包含所选项目的数组丢失了。您不能依赖 tr 的引用。作为建议，我认为您可以改用它们的索引:

function myFunction() {
    var selectedItem = $("#DropDown").val();
    var grid = $("#Grid").getKendoGrid();
    var selectedItems = grid.select().toArray().map((item) => { return $(item).index(); });

    for (var i = 0; i < selectedItems.length; i++) {
        var currentItem = grid.tbody.find(`tr:eq(${selectedItems[i]})`);
        var dataItem = grid.dataItem(currentItem );
        if (dataItem != undefined)
            dataItem.set("Item", SelectedItem);
    }
}

• var selectedItems = grid.select().toArray().map((item) => { return $(item).index(); });

  此行从选定的网格行获取索引数组以进一步迭代；

• var currentItem = grid.tbody.find(`tr:eq(${selectedItems[i]})`);

  此行通过索引检索选定的行。

Demo