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

时间：2016.04.18 发布人：ytevbw3r4335

已解决问题

谷歌ytevbw3r4335用户在2016.04.18提交了关于“肠粉jQuery Easyui学习之datagrid 动态添加、移除editor”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-11-15T02:53:54。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，滴水之恩,来日我当涌泉相报！

希望以下的回答，能够帮助你。

第1个回答

用户名：F**ouriteguy 时间：2016.04.来自18

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

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

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

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

//扩展datagrid:动态添加删除ed激身副妈跟松核儿倒itor$.extend($固顶身班研离龙后才称.fn.datagrid.methods,{addEditor:functio稳下音免n(jq,param){if(paraminstanceofArray){$.each(param,function(i封改乙ndex,item){vare=$(jq).datagrid('getColumnOption',item.field);e.editor=item.editor化福啊;});}else{vare=$(jq).datagrid('getColumnOption',param.fie减段衡序之安为审ld);e.ed更丝坏先节itor=param.edi临字航刻走tor;}},removeEditor:fu武nction(jq,p画视品aram){if(paraminstanceofArray){$.each(pa治误ram,function(index,item){vare=$(jq).datagrid('getColumnOption',item);e.editor={};});}else{vare=$(jq).datagrid('ge明操场致tColumnOption',param);e.editor={};}}});

调用：

移除：

$("#dg").datagrid('removeEditor','cardNo');//这里的cardNo是需要移除editor的列的field值

添加：

$("#dg")言创宜谈叫.datagrid('仍基执addEditor',[//添加cardNo列editor{field:'cardNo',editor:率占这问命术观跟复难衣{type:'textbox',options:{required:true,validType:'length[3,3]',invalidMessage:'请输入3位号码!'}}}]

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