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

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

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

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

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

這里寫圖片描述

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

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

//擴展datagrid:動態(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:'請輸入3位號碼!'
}
}
}]

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

相關(guān)文章

最新評論