EasyUI对treegrid编辑方法简单介绍
下面是一段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","");
}
},
}
}
}]]
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
zblog根据ID批量修改文章状态
zblog根据ID批量修改文章状态
-
WordPress编辑器添加自定义按钮
wordprss编辑器添加自定义按钮是最简单的,只需要在自己使用的主题模板函数functions.文件中,添加以下的代码即可。编辑器添加按钮functionapp_add_quickgs(){?scripttyp='t
-
wordpress后台添加多个编辑器
wordprss网站有时需要一些不同的分类参数,例如:产品说明、产品图片列表、产品参数等,然后这些在一个页面上使用B切换,既节省了网站版面也增加了页面的功能。特别方便的方法就是在网站后台添加多个编辑器,每个编辑器编辑一部分内容,然后进行相应的调用。这样就能是实现多个内容
-
wordpress提示“抱歉,该文件无法被编辑”解决方法
wordprss网站后台安装了一个主题,然后想通过后台编辑模板代码时,却提示“抱歉,该文件无法被编辑”。为什么会出现这种问题呢?经排查问题主题是通过FTP上传到主题模板文件夹的,然后在线解压缩,但是他将所有模板文件直接解压到文件下了。这样,虽然WP程序能够识别这
-
WordPress后台编辑器添加按钮
WordPrss在后台编辑器添加按钮的方法也很简单。只需要在自己使用的Wordprss模板函数里添加以下的代码即可。添加HTML编辑器自定义快捷标签按钮add_action('aftr_wp_tiny_mc','add_button_mc');functi