- 浏览: 45959 次
- 性别:
文章分类
最新评论
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.editorIndex>=1){ SampleInfo.editorIndex--; }else{ SampleInfo.editorIndex = rows.length-1; } grid.datagrid('beginEdit',SampleInfo.editorIndex); //单元格聚焦 var ed = grid.datagrid('getEditor',{index:SampleInfo.editorIndex, field:SampleInfo.editorField}); if(ed != null && ed != ""){ $(ed.target).focus(); $(ed.target).select(); } } else { } break; case 40: // down var editors = grid.datagrid('getEditors',SampleInfo.editorIndex); if (editors) { if(rows.length-1>SampleInfo.editorIndex){ SampleInfo.editorIndex++; }else{ SampleInfo.editorIndex = 0; } grid.datagrid('beginEdit',SampleInfo.editorIndex); //单元格聚焦 var ed = grid.datagrid('getEditor',{index:SampleInfo.editorIndex, field:SampleInfo.editorField}); if(ed != null && ed != ""){ $(ed.target).focus(); $(ed.target).select(); } } break; case 37: // left var editors = grid.datagrid('getEditors',SampleInfo.editorIndex); if (editors) { if(rows.length-1>SampleInfo.editorIndex){ SampleInfo.editorIndex++; }else{ SampleInfo.editorIndex = 0; } grid.datagrid('beginEdit',SampleInfo.editorIndex); //单元格聚焦 if(SampleInfo.editorField == 'formalStyleNo'){ SampleInfo.editorField = 'formalCategoryNo'; }else if(SampleInfo.editorField == 'formalColorNo'){ SampleInfo.editorField = 'formalStyleNo'; }else if(SampleInfo.editorField == 'formalCategoryNo'){ SampleInfo.editorField = 'formalColorNo'; } var ed = grid.datagrid('getEditor',{index:SampleInfo.editorIndex, field:SampleInfo.editorField}); if(ed != null && ed != ""){ $(ed.target).focus(); $(ed.target).select(); } } break; case 39: // right var editors = grid.datagrid('getEditors',SampleInfo.editorIndex); if (editors) { if(rows.length-1>SampleInfo.editorIndex){ SampleInfo.editorIndex++; }else{ SampleInfo.editorIndex = 0; } grid.datagrid('beginEdit',SampleInfo.editorIndex); //单元格聚焦 if(SampleInfo.editorField == 'formalStyleNo'){ SampleInfo.editorField = 'formalCategoryNo'; }else if(SampleInfo.editorField == 'formalColorNo'){ SampleInfo.editorField = 'formalStyleNo'; }else if(SampleInfo.editorField == 'formalCategoryNo'){ SampleInfo.editorField = 'formalColorNo'; } var ed = grid.datagrid('getEditor',{index:SampleInfo.editorIndex, field:SampleInfo.editorField}); if(ed != null && ed != ""){ $(ed.target).focus(); $(ed.target).select(); } } break; case 13: // enter键 removeDataGridCommon(itemStyle.dataGridItemStyle); itemStyle.dealItemStyleProc(); break; case 113: //F2保存键 parent.operaItemStyleInsert(); var c = parent.billOrder.ItemStylePanel ; c.panel('close',true); } }); }); } }); [/color]
发表评论
-
easyUI 中datagrid 上下左右移动编辑器
2014-12-24 15:09 1487easyUI 中datagrid 上下左右移动编辑器 ... -
easyui validatebox 验证非正常数据
2014-11-06 14:31 818$.extend($.fn.validatebox.def ... -
javaScript 把字符串转换成时间
2014-10-28 18:11 881对于把字符串转换成时间:"2014-10-28 0 ... -
datagrid loaded 去加载图标
2014-10-23 15:11 0[b] 对于js处理逻辑超时时,,界面操作感觉不起效果,,为 ... -
easyUI datagrid清空数据
2014-09-17 12:17 1399[b] 对于datagrid 真正意义上的清空数据问 ... -
easyUI form表单easyui-validatebox置灰问题
2014-09-12 14:51 1157[b] 对于easyUI 中编辑框置灰问题处理如下 $ ... -
datagrid 表格编辑器的添加和移除
2014-07-30 08:48 1615datagrid 编辑器添加和移除功能 $.extend( ... -
datagrid 查询信息表格合并
2014-07-08 12:12 559$('#purchaseOrderDtlDataGrid' ...
相关推荐
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
在easyui 的datagrid编辑状态下实时更新其他处于编辑或者没在编辑下的列值,并在结束编辑后得到的row的数据为更改后的数据。
easyui的datagrid中editor和combobox的级联,在datagrid中编辑项是下拉框的实现方式
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
easyui的datagrid中editor和combogrid的结合使用,datagrid中编辑项是下拉表的实现方式
JS EasyUI DataGrid动态加载数据
该项目是对easyui中datagrid的一些操作示例;希望得到您赏识,虽然不是很难但也是楼主认真付出的结晶。可以和朋友们互相交流
UI设计在一个系统中的重要性是不容忽视的,我们开发人员要做到:让用户去控制计算机,而不是计算机控制用户;减少用户的记忆负担;保持界面一致。 给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头...
easyui-datagrid之间拖拽效果demo
easyui的datagrid的数据渲染
能够直接使用
easyUI,datagrid小样例
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
详细讲解Easyui中datagrid控件,编辑模式。扩展编辑器以及扩展验证规则。
jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);
Spring Boot 系列教程 EasyUI-datagrid
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也不咋的,但是终归也是官方出品,同时其功能也算是比较丰富。之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为...
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...