浅谈EasyUI中编辑treegrid的方法

浅谈EasyUI中编辑treegrid的方法

主从表，从表是一个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 :http:// "center",

            halign : "center",

            editor : {

                type : "combobox",

                options : {

                    data : [ {

                        "id" : 0,

                        "text" : "苹果"

                    }, {

                        "id" : 1,

                        "text" : "梨子"

                    } ],

                    valueField : 'id',

&nbcxvXGsp;                   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});

                            //将编辑框设置成可cxvXG编辑

                            $(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的方法，希望大家能够喜欢。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。