浅谈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插件unobtrusive实现片段式加载，效果非常不错，有需要的小伙伴可以参考下。2015-06-06
上一篇讲解了jquery同时控制四张图片的伸缩，想必大家对伸缩有一定了解了，本文将为大家介绍下使用按钮控制图片的伸缩，感兴趣的朋友可以参考下哈2013-04-04
在前台的表格中单击单元格便可修改其中的内容，回车键保存修改的内容，esc撤销保存的内容2014-05-05
本篇文章主要是对jQuery 选项卡的简单实现进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了基于JQuery实现滚动到页面底端时自动加载更多信息，类似微博，新浪新闻的评论等，都采用了这方法,需要的朋友可以参考下2014-01-01
本文给大家分享的是把jQuery的muipicker插件修改实现仿IOS时间选择特效，非常的不错，有需要的小伙伴可以参考下。2016-02-02
jQuery EasyUI API 中文文档 - Calendar日历使用
jQuery EasyUI API 中文文档 - Calendar日历使用，需要的朋友可以参考下。2011-10-10
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
这是一个典型的Ajax应用，在页面上，您只需要点击“下一页”，数据区将自动加载对应页码的数据，重新刷新数据区。类似的效果在很多网站上应用，尤其在一些需要展示大量图片数据的网页如淘宝商品列表页，Ajax分页效果让您的网站数据加载显得非常流畅。2015-09-09
这篇文章主要介绍了jQuery实现返回顶部效果的方法,涉及jQuery页面样式、鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jQuery中prependTo()方法用法,实例分析了prependTo()方法的功能、定义及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以参考下2015-01-01
最新评论