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

时间:2018-01-18 06:06:34

标签: kendo-ui kendo-grid

任何人请告诉我如何选择从我的剑道网格的第一页到第二页的下一个连续行并反转回上一页? Kendo Grid API只提供了有关'select'的信息,从那里我根本不知道如何实现我想要的选择。我现在所拥有的只是选择所选/活动单元格的行。任何见解/参考也值得赞赏。到目前为止,我还没有遇到任何例子或文章。

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

1 个答案:

答案 0 :(得分:0)

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

您需要添加网格数据绑定处理程序,并检查自动页面标记以查看是否需要选择页面的第一行或最后一行。