时间:2021-05-18
主从表,从表是一个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
var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
if(record.id == 1){//选择梨子
var feditor = editors[1];//一行中第二个编辑框
//将编辑框设置成必填
$(feditor.target).validatebox({required:true});
//将编辑框设置成可编辑
$(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');
var feditor2 = editors[2];
$(feditor2.target).validatebox({required:false});
$(feditor2.target).validatebox("setValue","");
}
},
}
}
}
开启编辑状态
复制代码 代码如下:
$('#rulesgrid').treegrid('beginEdit', index);
以上就是本文关于EasyUI中编辑treegrid的方法,希望大家能够喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近需要实现对treeGrid的查询功能,具体查询界面如下:可以查询根节点和具体子节点的信息,开始使用EasyUI的TreeGrid的loadData加载url
项目需求如下图,在服务端返回的json数据中,要经过JS处理,添加复选框,并且复选框需响应JS操作。在easyui的treegrid中,没有找到现成的插件,自己
目的:生成树形结构的表格数据(EasyUI也有TreeGrid,此处只是提供一个思路),可以扩展单击展开/收缩节点图例:类代码:复制代码代码如下:usingSy
写在最前面这个星期一直在纠结easyui的treegrid的过滤功能,原因呢,自然是项目中一个莫名奇妙的需求。easyui虽说是后端程序员的前端框架,但是说句实
摘要:最近在做任务管理,任务可以无限派生子任务且没有数量限制,前端采用Easyui的Treegrid树形展示控件。一、遇到的问题获取全部任务拼接树形速度过慢(数