浅谈EasyUI中编辑treegrid的方法


Posted in Javascript onMarch 01, 2015

主从表,从表是一个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的方法,希望大家能够喜欢。

Javascript 相关文章推荐
JS中style属性
Oct 11 Javascript
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
jQuery判断数组是否包含了指定的元素
Mar 10 Javascript
javascript函数式编程实例分析
Apr 25 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
jQuery实现立体式数字动态增加(animate方法)
Dec 21 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
原生JS实现微信通讯录
Jun 18 Javascript
EasyUI中combobox默认值注意事项
Mar 01 #Javascript
jquery中EasyUI实现异步树
Mar 01 #Javascript
jquery中EasyUI实现同步树
Mar 01 #Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
Mar 01 #Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
Mar 01 #Javascript
深入分析Cookie的安全性问题
Mar 01 #Javascript
浅谈JavaScript事件的属性列表
Mar 01 #Javascript
You might like
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
PHP strncasecmp字符串比较的小技巧
2011/01/04 PHP
分享常见的几种页面静态化的方法
2015/01/08 PHP
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
带左右箭头图片轮播的JS代码
2013/12/18 Javascript
node.js中的fs.chmodSync方法使用说明
2014/12/18 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
React教程之Props验证的具体用法(Props Validation)
2017/09/04 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
Vue 实现前进刷新后退不刷新的效果
2019/06/14 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
Python中实现从目录中过滤出指定文件类型的文件
2015/02/02 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
python将时分秒转换成秒的实例
2019/12/07 Python
浅析python函数式编程
2020/09/26 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
HTML5 实现图片上传预处理功能
2020/02/06 HTML / CSS
如何利用cmp命令比较文件
2013/09/23 面试题
心理健康心得体会
2014/01/02 职场文书
省级四好少年事迹材料
2014/01/25 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
洗车工岗位职责
2014/03/15 职场文书
授权委托书样本
2014/04/03 职场文书
2014四风问题对照检查材料范文
2014/09/15 职场文书
国家助学金感谢信
2015/01/21 职场文书
大专护理专业自荐信
2015/03/25 职场文书
食品安全责任书范本
2015/05/09 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
SQL基础的查询语句
2021/11/11 MySQL
Tomcat弱口令复现及利用
2022/05/06 Servers