easyui datagrid 动态操作editor 的方法


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

在easyui.min.js中扩展:

$.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, param) {
if (param instanceof Array) {
$.each(param, function (index, item) {
var e = $(jq).datagrid( 'getColumnOption' , item);
e.editor = {};
});
} else {
var e = $(jq).datagrid( 'getColumnOption' , param);
e.editor = {};
}
}
});
 
然后在项目中应用如下:
删除 editor:
$( "#dg" ).datagrid( 'removeEditor' , 'cardNo' ); //这里的cardNo是需要移除editor的列的field值
 
添加editor:
$( "#dg" ).datagrid( 'addEditor' ,[ //添加cardNo列editor
{field: 'cardNo' ,editor:{
type: 'textbox' ,
options:{
required: true ,
validType: 'length[3,3]' ,
invalidMessage: '请输入3位号码!'
}
}
}]
 
 
 
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM