jQuery 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+css实现的换页标签栏效果
本文实例讲述了jQuery+css实现的换页标签栏效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：!DOCTYPEhtmlhtmlheadtitleindex/titlescri

jQuery+css实现的切换图片功能代码
本文实例讲述了jQuery+css实现的切换图片功能代码。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：!DOCTYPEhtmlhtmlheadtitledemo/titlesc

简单介绍jsonp 使用小结
Jsonp(JSONwithPadding)是json的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要