浅谈EasyUI中编辑treegrid的方法
主从表，从表是一个treegrid，加载完数据后，点击节点进入编辑状态。
columns:[[{
title:"ID",
field:"id",
hidden:true
},{
field:"pid",
hidden:true
}, {
title:"AAA",
field:"aaa",
width:70,
align:"center",
halign:"center"
},{
title:"BBB",
field:"bbb",
width:70,
align:"center",
halign:"center",
editor:{
type:"combobox",
options:{
data:[{
"id":0,
"text":"苹果"
},{
"id":1,
"text":"梨子"
}],
valueField:'id',
textField:'text',
editable:false,
//required:true,
panelHeight:"auto",
missingMessage:"请选择水果",
onSelect:function(record){
//editingId是进入编辑状态行的id
vareditors=$('#grid').datagrid('getEditors',$('#editingId').val());
if(record.id==1){//选择梨子
varfeditor=editors[1];//一行中第二个编辑框
//将编辑框设置成必填
$(feditor.target).validatebox({required:true});
//将编辑框设置成可编辑
$(feditor.target).numberbox('enable');
varfeditor2=editors[2];//一行中第三个编辑框
$(feditor2.target).validatebox({required:true});
}elseif(record.id==0){//选择苹果
varfeditor=editors[1];
$(feditor.target).validatebox({required:false});
$(feditor.target).validatebox("setValue","");
$(feditor.target).numberbox('disable');
varfeditor2=editors[2];
$(feditor2.target).validatebox({required:false});
$(feditor2.target).validatebox("setValue","");
}
},
}
}
}
开启编辑状态
$('#rulesgrid').treegrid('beginEdit',index);
以上就是本文关于EasyUI中编辑treegrid的方法，希望大家能够喜欢。
热门推荐
10 诗词送行祝福语大全简短
11 新房开工吉日祝福语简短
12 50多岁生日简短祝福语
13 安徽疫情祝福语简短英语
14 农民朋友发财祝福语简短
15 对生活祝福语简短精辟
16 搬家词简短祝福语朋友
17 女神结婚快乐祝福语简短
18 文学短句祝福语大全简短