码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid 动态操作editor 的方法

时间:2016-12-30 15:27:03      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:ceo   easyui   type   eof   invalid   动态操作   param   length   column   

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位号码!‘
}
}
}]
 
 
 
 

easyui datagrid 动态操作editor 的方法

标签:ceo   easyui   type   eof   invalid   动态操作   param   length   column   

原文地址:http://www.cnblogs.com/kakaterluo/p/6237026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!