为下一页动态选择行并在剑道网格中反向

Question

请告诉我如何从我的剑道网格的第一页到第二页选择下一个连续行并返回到上一页？ Kendo Grid API 只给我关于“选择”的信息，从那里我完全不知道如何实现我想要的选择。我现在所拥有的只是选择所选/活动单元格的行。任何见解/参考也受到赞赏。到目前为止，我还没有遇到任何示例或文章。

var data = $("#grid").data('kendoGrid');
var arrows = [38,40];
data.table.on("keydown", function (e) {
  if (arrows.indexOf(e.keyCode) >= 0) {
    setTimeout(function () {
      data.clearSelection();
      data.select($("#grid_active_cell").closest("tr"));
    },1);
  }
});

http://dojo.telerik.com/eSUQO

Answer 1

var data = $("#grid").data('kendoGrid');
var arrows = [38,40];

var navrow_uid; ** add this tracking variable;

data.table.on("keydown", function (e) {
  if (arrows.indexOf(e.keyCode) >= 0) {
    setTimeout(function () {
      data.clearSelection();

   // break this up
   // data.select($("#grid_active_cell").closest("tr"));

      // fetch next row uid and compare to tracker
      var nextrow = $("#grid_active_cell").closest("tr");
      var uid = nextrow.data('uid');
      if (navrow_uid == uid ) {
        console.log("last navigable row");
        data.dataSource.page(1+data.dataSource.page());
        // best option here would be to set auto-page flag for databound event handler
      } else {
        data.select(nextrow);
        navrow_uid = uid;
      }
    },1);
  }
});

您需要添加一个网格数据绑定处理程序，并检查 aut-page 标志以查看您是否需要选择页面的第一行或最后一行。