jQueryEasyUI学习DataGrid中动态地添加和删除编辑

jQueryEasyUI学习DataGrid中动态地添加和删除编辑
编辑EasyUI、编辑功能比较简单,但如果你想动态变化的基础上的一个框的值的其他值,或者当你编辑框,它会更麻烦的。
例如,如下所示:当添加行时,每个值都是手动输入的,并且在修改时第一个值不能被修改。
EasyUI本身并不提供这样的细节,它需要扩大自己的:
在编辑时删除第一列的编辑器属性,并在添加时添加第一列的属性。
/ / DataGrid:动态添加删除扩展编辑
美元。延长(美元。fn.datagrid.methods,{
addeditor:功能(JQ,参数){
如果(参数是数组){
美元。每个(参数、函数(指数、项目){
var = $(JQ)。Datagrid('getcolumnoption项目。场);
e.editor =项目。编辑;});
{人}
var = $(JQ)。Datagrid('getcolumnoption,参数字段);
e.editor = param.editor;
}
},
removeeditor:功能(JQ,参数){
如果(参数是数组){
美元。每个(参数、函数(指数、项目){
var = $(JQ)。Datagrid('getcolumnoption项目);
e.editor = { };
});
{人}
var = $(JQ)。Datagrid('getcolumnoption,参数);
e.editor = { };
}
}
});
呼叫:

删除:
$(# DG)。Datagrid('removeeditor ','cardno '); / / Cardno这里是需要删除的字段值的编辑栏
添加 uff1a
$(# DG )(。datagrid'addeditor,Cardno编辑{ / /添加
{场:'cardno,编辑:{
类型:'textbox,
选项:{
要求:真实,
ValidType:'length {二},
invalidmessage:请输入3个数!
}
}
} }
其他操作可以相应地展开。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部