Kendo grid多行选择shift和箭头键

时间:2016-07-12 04:42:31

标签: kendo-ui kendo-grid kendo-asp.net-mvc

我想用Shift +向上/向下箭头键选择Kendo网格中的行。示例代码如下。如果我将可选属性设置为'多行' ' keydown'事件没有解雇。如果我将它设置为“排”'火了。

对我来说,多排'是需要的,因为当用户使用shift / ctrl和鼠标选择多行时,我想要这个功能。除此之外,如果用户只想使用键盘,我该如何选择多行?

您也可以在此处找到示例代码fiddle

<div id="grid"></div>

$(document).ready(function() {
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  navigatable: true,
  selectable: 'multiple row',
});

var data = $("#grid").data('kendoGrid');
//console.log(JSON.stringify(data));
var arrows = [37, 38, 39, 40];
data.table.on("keydown", function (e) {
console.log(e.keyCode);
  //if (arrows.indexOf(e.keyCode) >= 0) {
  if (e.shiftKey && (arrows.indexOf(e.keyCode) >= 0)){
  console.log("shiftkey + arrow");
    setTimeout(function () {
      data.select($("#grid_active_cell").closest("tr"));
    },1);
  }
});
});

0 个答案:

没有答案