<div id="grid"></div>
//初始化Kendo Grid
$("#grid").kendoGrid(/*里面是Grid的初始化配置,Kendo的Grid的基本使用可以看我的另一篇文章*/);
##使Kendo的Grid里的Enter和Tab能在按下后跳到下一项,(也可以自己定义Grid里的按键事件)
//禁止grid内触发原生的enter和tab事件
$("#grid table").on("keydown", "td", function (e) {
return !(e.keyCode == 9 || e.keyCode == 13);
});
//grid内的按键操作
$("#grid table").on("keyup", "td", function (e) {
var grid = $("#grid").data("kendoGrid"),
nextCell = null;
if (e.keyCode == 13 || e.keyCode == 9) { //Enter或Tab
var tblCells = grid.content.find("td:not(.unSelect)");
var index = tblCells.index(grid.content.find("td.k-edit-cell"));
if (tblCells[index + 1]) {
nextCell = tblCells[index + 1];
grid.editCell(nextCell);
}
return false;
}
});
//编辑时全选输入框的内容
$("#grid table").on("focus", "td", function (e) {
$(this).find("input").select();
});