1

所以我的目标是循环遍历我的剑道网格中的所有选定项目，但是在第一次迭代之后，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);
}
}

有谁知道为什么会发生这种情况？

4

1 回答 1

1

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

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]})`);

    此行按索引检索选定的行。

演示

于 2018-07-25T17:57:54.893 回答