浅谈EasyUI中编辑treegrid的方法
前端之家收集整理的这篇文章主要介绍了
浅谈EasyUI中编辑treegrid的方法，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_3010@主从表，从表是一个treegrid，加载完数据后，点击节点进入编辑状态。
@H
301_0@<div class="codetitle">
<a style="CURSOR: pointer" data="53355" class="copybut" id="copybut53355" onclick="doCopy('code53355')"> 代码如下: <div class="codebody" id="code53355">
columns : [ [ {
title : "ID",
field : "id",
hidden : true
},{
field : "pid",{
title : "AAA",
field : "aaa",
width : 70,
align : "center",
halign : "center"
},{
title : "BBB",
field : "bbb",
halign : "center",
editor : {
type : "combo
Box",
options : {
data : [ {
"id" : 0,
"text" : "苹果"
},{
"id" : 1,
"text" : "梨子"
} ],
valueField : 'id',
textField : 'text',
editable : false,
//
required : true,
panelHeight : "auto",
missingMessage : "请选择水果",
onSelect : function(record) {
//editingId是进入编辑状态行的id
var editors = $('#grid').datagrid('getEditors',$('#editingId').val());
if(record.id == 1){//选择梨子
var feditor = editors[1];//一行中第二个编辑框
//将编辑框设置成必填
$(feditor.target).validate
Box({
required:true});
//将编辑框设置成可编辑
$(feditor.target).number
Box('enable');
var feditor2 = editors[2];//一行中第三个编辑框
$(feditor2.target).validate
Box({
required:true});
}else if(record.id == 0){//选择苹果
var feditor = editors[1];
$(feditor.target).validate
Box({
required:false});
$(feditor.target).validate
Box("setValue","");
$(feditor.target).number
Box('disable');
var feditor2 = editors[2];
$(feditor2.target).validate
Box({
required:false});
$(feditor2.target).validate
Box("setValue","");
}
},
}
}
}
@H_
301_0@以上就是本文关于EasyUI中编辑treegrid的
方法，希望大家能够喜欢。
原文链接：https://www.f2er.com/js/55545.html
