easyUI 中datagrid 上下左右移动编辑器

最新推荐文章于 2021-01-19 11:27:09 发布

jdq928

最新推荐文章于 2021-01-19 11:27:09 发布

阅读量697

点赞数

分类专栏： easyUI JavaSrcipt 文章标签： easyUI datagrid editor keydown

本文链接：https://blog.csdn.net/jdq928/article/details/84692688

版权

本文介绍如何在easyUI的datagrid中实现编辑器的上下左右移动，提升数据编辑效率。通过keydown事件处理，实现编辑单元格的无缝切换。

摘要由CSDN通过智能技术生成

easyUI 中datagrid 上下左右移动编辑器



[color=darkred]
//键盘控制
$.extend($.fn.datagrid.methods, {
  
    keyCtr : function (jq) {
  
        return jq.each(function () {
  
            var grid = $(this);
            grid.datagrid('getPanel').panel('panel').attr('tabindex', 1).bind('keydown', function (e) {
  
            	if(SampleInfo.editorIndex == -1){
  
            		return;
            	}
            	var keyCode = e.keyCode;
            	//当键盘按下键为左右键时,把网格键盘按下的事件默认动作去除,要不然会影响按左右键选择文本框值
            	if( keyCode == 37 || keyCode == 39){
  
            		e.preventDefault();
                	e.stopPropagation();
            	}
            	rows = $dg.datagrid('getRows');
            	if(SampleInfo.editorField == ''){
  
            		SampleInfo.editorField = 'formalStyleNo';
            	}
                switch (keyCode) {
  
                case 38: // up	
                	var editors = grid.datagrid('getEditors',SampleInfo.editorIndex);
                    if (editors) {
  
                    	if(rows.length>SampleInfo.editorIndex && SampleInfo.e