浅谈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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(6)
Dec 23 Javascript
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
Nov 09 Javascript
做好七件事帮你提升jQuery的性能
Feb 06 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
实现div内部滚动条滚动到底部和顶部的代码
Nov 15 Javascript
vue如何判断dom的class
Apr 26 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 Javascript
在webstorm中配置less的方法详解
Sep 25 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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
网站用php实现paypal整合方法
2010/11/28 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
PHP7 弃用功能
2021/03/09 PHP
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
2015/01/12 Javascript
JavaScript中的slice()方法使用详解
2015/06/06 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
2016/10/13 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
2018/08/01 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
python实现从web抓取文档的方法
2014/09/26 Python
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
Python中装饰器高级用法详解
2017/12/25 Python
flask session组件的使用示例
2018/12/25 Python
Python实现线性插值和三次样条插值的示例代码
2019/11/13 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
ASP.NET Core中的配置详解
2021/02/05 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
《寓言两则》教学反思
2014/02/27 职场文书
一般党员对照检查材料
2014/09/24 职场文书
求职自我评价怎么写
2015/03/09 职场文书
三好学生竞选稿范文
2019/08/21 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
nginx常用配置conf的示例代码详解
2022/03/21 Servers