博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI,对treegrid进行编辑
阅读量:5890 次
发布时间:2019-06-19

本文共 2406 字,大约阅读时间需要 8 分钟。

hot3.png

主从表,从表是一个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);

转载于:https://my.oschina.net/chinamummy29/blog/296379

你可能感兴趣的文章
mysql alter 修改字段类型_MySQL ALTER命令:删除,添加或修改表字段、修改字段类型及名称等...
查看>>
mysql中的事务和锁_MySQL - 事务和锁中的互斥?
查看>>
mysql statement讲解_Statement接口详解
查看>>
mysql_print_default_知识点:MySQL常用工具介绍(十 二)——实用程序my_print_defaults、perror...
查看>>
mysql怎么会报错_MySQL启动报错怎么办?
查看>>
python编译exe用于别的电脑上_Python安装教程(推荐一款不错的Python编辑器)
查看>>
flash back mysql_mysqlbinlog flashback 使用最佳实践
查看>>
hive中如何把13位转化为时间_sqoop1 导入 hive parquet 表中 时间戳调整为日期
查看>>
mysql书外键_[转] mysql 外键(Foreign Key)的详解和实例
查看>>
mysql存储引擎模式_MySQL存储引擎
查看>>
python入门小游戏代码_【Python】Python代码实现“FlappyBird”小游戏
查看>>
云服务器怎么卸载mysql数据库_mysql 删除数据库脚本
查看>>
mysql 5.5.57互为主从_MYSQL 5.5.18 互为主从配置成功
查看>>
mysql5002_mysql新手进阶02
查看>>
python类 del_全面了解Python类的内置方法
查看>>
前后端传图片用base64好吗_前后端分离 前台传base64的图片 tp5.1.1进行处理
查看>>
java对象的排序_Java对象排序两种方法
查看>>
java jni 原理_使用JNI技术实现Java和C++的交互
查看>>
java 重写system.out_重写System.out.println(String x)方法
查看>>
java 面向对象基本概念_Java面向对象-面向对象编程之基本概念
查看>>