浅谈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 相关文章推荐
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 Javascript
javascript 写类方式之四
Jul 05 Javascript
Javascript学习笔记二 之 变量
Dec 15 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
Jul 21 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
vue awesome swiper异步加载数据出现的bug问题
Jul 03 Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 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获取文件绝对路径的代码(上一级目录)
2011/05/29 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
探讨:php中在foreach中使用foreach ($arr as &$value) 这种类型的解释
2013/06/24 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
微信小程序 教程之注册程序
2016/10/17 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
python操作gmail实例
2015/01/14 Python
Python字符串格式化输出方法分析
2016/04/13 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
详解pandas映射与数据转换
2021/01/22 Python
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
九年级科学教学反思
2014/01/29 职场文书
出国留学自荐信模板
2015/03/06 职场文书
初中地理教学反思
2016/02/19 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python