Kendo Grid内使用Enter和Tab按键事件异常的解决方法:

 

//初始化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();
	        });

 

你可能感兴趣的:(Kendo Grid内使用Enter和Tab按键事件异常的解决方法:)