所以我的目标是循环遍历我的剑道网格中的所有选定项目,但在第一次迭代之后,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);
}
}
有谁知道为什么会这样?
最佳答案
发生这种情况是因为 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]})`);
此行通过索引检索选定的行。
关于javascript - Kendo Grid.dataItem 循环不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51523299/