浅谈EasyUI中编辑treegrid的方法
更新时间：2015年03月01日 15:04:36 投稿：hebedich
本文给大家介绍的是在EasyUI中编辑treegid的方法，并附上具体的实例，这里推荐给大家，有需要的小伙伴快来参考下吧。
主从表，从表是一个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的方法，希望大家能够喜欢。
相关文章
这篇文章介绍了jQuery UI菜单部件Menu Widget，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
jquery打印插件PrintArea实现网页打印,不可思议吧，接下来为您介绍它的使用方法及操作步骤，感兴趣的朋友可以了解下2013-01-01
这篇文章主要介绍了jQuery实现彩带延伸效果的网页加载条loading动画,涉及jQuery动画效果的实现技巧,非常简单实用,需要的朋友可以参考下2015-10-10
这篇文章主要为大家详细介绍了jQuery实现优雅弹窗效果 的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
jquery对所有input type=text的控件赋值实现方法
下面小编就为大家带来一篇jquery对所有input type=text的控件赋值实现方法。小编觉的挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
或许在网络上你已经见过数百种通过jQuery实现的相册，但是我们发现的这些相册，他们有额外的东西，优雅和独特的创意！每个相册都是可在线预览和免费下载的。你可以为你的Web项目添加色彩。2011-02-02
jQuery 中自带有双击事件，那么当需要三击某对象执行某个事件时怎么办呢？今天就让我们看看一段 jQuery 三击事件代码2013-09-09
这篇文章主要介绍了JQuery datepicker 用法详解的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了jquery实现倒计时小应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
本篇文章是对jQuery中的尺寸调整组件进行了详细的分析介绍，需要的朋友参考下2013-06-06
最新评论