jQuery Easyui学习之datagrid 动态添加、移除editor

前端之家收集整理的这篇文章主要介绍了jQuery Easyui学习之datagrid 动态添加、移除editor前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用easyui行编辑的时候完成编辑的功能比较简单,但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了。

比如像下面这样:添加行的时候每个值都是手动输入,修改的时候第一个值不能修改。我们来看下怎么实现这样的效果

这里写图片描述

easyui本身是不提供这么细节的功能的,需要我们自己拓展下:

在编辑的时候移除第一列的editor属性添加的时候,添加第一列的属性

添加删除editor $.extend($.fn.datagrid.methods,{ addEditor : function(jq,param) { if (param instanceof Array) { $.each(param,function(index,item) { var e = $(jq).datagrid('getColumnOption',item.field); e.editor = item.editor; }); } else { var e = $(jq).datagrid('getColumnOption',param.field); e.editor = param.editor; } },removeEditor : function(jq,item); e.editor = {}; }); } else { var e = $(jq).datagrid('getColumnOption',param); e.editor = {}; } } });

调用

移除:

添加

添加cardNo列editor {field:'cardNo',editor:{ type:'textBox',options:{ required:true,validType:'length[3,3]',invalidMessage:'请输入3位号码!' } } }]

别的操作都可以据此拓展.

猜你在找的jQuery相关文章