jQuery Easyui学习之datagrid 动态添加、移除editor
更新时间：2016年01月27日 10:24:12 投稿：mrr
使用easyui行编辑的时候完成编辑的功能比较简单，但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了，下面给大家介绍easyui datagrid 动态添加、移除editor，感兴趣的朋友一起学习吧
使用easyui行编辑的时候完成编辑的功能比较简单，但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了。
比如像下面这样：添加行的时候每个值都是手动输入，修改的时候第一个值不能修改。我们来看下怎么实现这样的效果。
easyui本身是不提供这么细节的功能的，需要我们自己拓展下：
在编辑的时候移除第一列的editor属性，添加的时候，添加第一列的属性。
//扩展datagrid:动态添加删除editor
$.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 = {};
}
}
});
调用：
移除：
$("#dg").datagrid('removeEditor','cardNo');//这里的cardNo是需要移除editor的列的field值
添加：
$("#dg").datagrid('addEditor',[ //添加cardNo列editor
{field:'cardNo',editor:{
type:'textbox',
options:{
required:true,
validType:'length[3,3]',
invalidMessage:'请输入3位号码!'
}
}
}]
别的操作都可以据此拓展.
相关文章
在本篇文章里小编给大家分享了关于JQuery判断radio单选框是否选中并获取值的方法，需要的朋友们可以学习下。2019-01-01
这篇文章主要为大家详细介绍了jQuery实现鼠标移入显示蒙版效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
jQuery form 表单验证插件(fieldValue)校验表单
这篇文章主要介绍了jQuery form 表单验证插件(fieldValue)校验表单的相关资料,需要的朋友可以参考下2016-01-01
下面小编就为大家分享一篇jQuery中库的引用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要为大家详细介绍了jquery点击展示与隐藏更多内容的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了jQuery实现的分子运动小球碰撞效果,涉及jQuery基于定时函数操作页面元素动态变换的技巧,需要的朋友可以参考下2016-01-01
这篇文章主要为大家详细介绍了基于jQuery Ajax实现下拉框无刷新联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
有时候我们需要读取JSON格式的数据文件，在jQuery中可以使用Ajax或者 $.getJSON()方法实现，下面有个不错的示例，需要的朋友可以参考下2013-11-11
本篇文章，小编将为大家介绍，在jQuery中 关于json空对象筛选替换，有需要的朋友可以参考一下2013-04-04
jQuery+Datatables实现表格批量删除功能【推荐】
这篇文章主要介绍了jQuery+Datatables实现表格批量删除功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-10-10
最新评论