宝哥软件园

jQuery Easyui学习的datagrid中编辑器的动态添加和移除

编辑:宝哥软件园 来源:互联网 时间:2021-09-17

使用easyui行编辑时,编辑的功能比较简单,但是如果要根据一个框的值动态改变其他值或者在编辑时禁用一个框,就会比较麻烦。

例如,增加一行时,每个值都是手工输入的,修改时不能修改第一个值。让我们看看如何达到这个效果。

这里写图片描述

Easyui本身没有提供这样详细的功能,所以我们需要扩展自己:

编辑时删除第一列的编辑器属性,添加时添加第一列的属性。

//扩展datagrid:动态添加和删除编辑器$。扩展($。fn.datagrid.methods,{add editor3360函数(jq,param) {if(数组的param实例){$。每个(参数,函数(索引,项目){ var e=$(jq)。datagrid('getColumnOption ',item . field);e . editor=item . editor;});} else { var e=$(jq)。datagrid('getColumnOption ',param . field);e . editor=param . editor;} },removeEditor :函数(jq,param){ if(param instance of Array){ $。每个(参数,函数(索引,项目){ var e=$(jq)。datagrid('getColumnOption ',项);e . editor={ };});} else { var e=$(jq)。datagrid('getColumnOption ',param);e . editor={ };} }});调用:

移除:

$('#dg ')。datagrid('removeEditor ',' card no ');//卡号这里是需要删除编辑器的列的字段值添加:

$ ('# DG ')。datagrid ('add editor ',[//add cardNo列编辑器{field:' cardno ',editor: {type:' textbox ',options: { required3360 true,有效type3360' length [3,3。}}}]其他操作可以相应展开。

更多资讯
游戏推荐
更多+