浅谈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的实现简单的分页控件
Oct 10 Javascript
JavaScript生成SQL查询表单的方法
Aug 13 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 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 Class 文章
2007/04/04 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
js文件中调用js的实现方法小结
2009/10/23 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
原生js实现图片轮播特效
2015/12/18 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
2019/09/20 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
Python实现KNN(K-近邻)算法的示例代码
2019/03/05 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
python查看数据类型的方法
2019/10/12 Python
pycharm导入源码的具体步骤
2020/08/04 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
中药专业大学生医药工作求职信
2013/10/25 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
纠纷协议书
2014/04/16 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
详解java如何集成swagger组件
2021/06/21 Java/Android
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python