浅谈EasyUI中编辑treegrid的方法

前端技术 2023/09/08 JavaScript

主从表，从表是一个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的方法，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/20793

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案