如何获取Kendo Grid列中的下一个项目

时间:2016-11-09 19:57:36

标签: jquery kendo-ui kendo-grid

我有一个按钮,当你点击它时,它会抓取该列中下一个值的值。到目前为止,还没有能够让它发挥作用。

$('#next').on('click', function (e) {
    var grid = $("#grid").data("kendoGrid"),
        idx = $(e.target).closest("tr").index() + 3, // this starts at row 1
        dataItem = grid.dataItem("tr:eq(" + idx + ")"), // this grabs the data items
        dataItemTotal = dataItem.evalCriteria; // this grabs the value of the selected column and row.
        var test = $(dataItemTotal).next(dataItem); // im trying to get the next ( evalCriteria ) in the next row.
        console.log(test);
});

1 个答案:

答案 0 :(得分:1)

难道你不能只将idx增加1来获取下一行,使用该行来获取dataItem吗?即(来自我的链接演示):

var selected = grid.select();
if (selected.length > 0) {
   var currentItem = grid.dataItem(selected);
   var selectedIdx = $(selected).closest("tr").index();
   var nextIdx = selectedIdx + 1;
   var nextRow = grid.tbody.find("tr:eq(" + nextIdx + ")")
   var nextItem = grid.dataItem(nextRow);

   console.log(currentItem.ProductName, nextItem.ProductName);
}

以下是我认为可以满足您的需求的演示:http://dojo.telerik.com/@Stephen/ODURUb 但它使用网格外部的按钮并作用于当前选定的行,因此确定当前行与按钮看起来像在行中的代码略有不同......应该不重要,技术应该是获得当前dataItem之后也一样。