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