亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery Easyui學(xué)習(xí)之datagrid 動(dòng)態(tài)添加、移除editor

 更新時(shí)間：2016年01月27日 10:24:12   投稿：mrr  
使用easyui行編輯的時(shí)候完成編輯的功能比較簡(jiǎn)單，但是如果要根據(jù)一個(gè)框的值動(dòng)態(tài)改變別的值或者編輯的時(shí)候禁用某個(gè)框的時(shí)候就比較麻煩了，下面給大家介紹easyui datagrid 動(dòng)態(tài)添加、移除editor，感興趣的朋友一起學(xué)習(xí)吧

 使用easyui行編輯的時(shí)候完成編輯的功能比較簡(jiǎn)單，但是如果要根據(jù)一個(gè)框的值動(dòng)態(tài)改變別的值或者編輯的時(shí)候禁用某個(gè)框的時(shí)候就比較麻煩了。

比如像下面這樣：添加行的時(shí)候每個(gè)值都是手動(dòng)輸入，修改的時(shí)候第一個(gè)值不能修改。我們來看下怎么實(shí)現(xiàn)這樣的效果。

這里寫圖片描述

easyui本身是不提供這么細(xì)節(jié)的功能的，需要我們自己拓展下：

在編輯的時(shí)候移除第一列的editor屬性，添加的時(shí)候，添加第一列的屬性。

//擴(kuò)展datagrid:動(dòng)態(tài)添加刪除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 = {}; 
} 
}
});

調(diào)用：

移除：

$("#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:'請(qǐng)輸入3位號(hào)碼!'
}
}
}]

別的操作都可以據(jù)此拓展.

相關(guān)文章

最新評(píng)論