我想用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);
}
});
});