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

Question

我有一个按钮，当您单击它时，将抓取该列中下一个值的值。到目前为止，还没有能够使其工作。

$('#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); 
}); 

Answer 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 但它采用的是按钮网格的外部和作用于当前所选行，所以确定当前行稍微不同于你的代码，其中按钮看起来像是在行中......应该没关系，在获取当前数据项之后该技术应该是相同的。