主從表,從表是一個treegrid,載入完資料後,點選節點進入編輯狀態。
列:[ [ {
標題:“ID”,
字段:“id”,
隱藏:真實
}, {
字段:“pid”,
隱藏:真實
}, {
標題:“AAA”,
字段:“aaa”,
寬度:70,
對位:“居中”,
halign : 「居中」
}, {
標題:“BBB”,
字段:“bbb”,
寬度:70,
對位:“居中”,
halign : 「中心",
編:{
類型:「組合方塊」,
選項:{
資料:[ {
「id」:0,
「以「蘋果」為
}, {
「id」:1,
"text" : "梨子"
} ],
valueField : 'id',
文字欄位 : '文字',
可編者:假,
// 必要:true,
面板高度:「自動」,
MissingMessage : "請選擇水果",
onSelect : 函數(記錄) {
//editingId是進入編輯狀態列的id
var editors = $('#grid').datagrid('getEditors', $('#editingId').
if(record.id == 1){//選擇梨子
var feditor = editors[1];//一行中第二個編輯方塊
//將編輯方塊設定為必填
$(feditor.target).validatebox({required:true});
//將編輯方塊設定為可編輯
$(feditor.target).numberbox('enable');
$(feditor.target).numberbox('enable');
var feditor2 = editors[2];//一行第三個編輯方塊
$(feditor2.target).validatebox({required:true});
;
;
;
}else if(record.id == 0){//選擇蘋果
var feditor = editors[1];
$(feditor.target).validatebox({required:false}))
;
;
$(feditor.target).validatebox("setValue","");
$(feditor.target).numberbox('disable');
$(feditor.target).numberbox('disable');
var feditor2 = editors[2];
$(feditor2.target).validatebox({required:false});;
;
;;
;
;
;
}
開啟編輯狀態
複製程式碼
程式碼如下:
$('#rulesgrid').treegrid('beginEdit', index);
以上就是本文關於EasyUI中編輯treegrid的方法,希望大家能夠喜歡。