欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談EasyUI中編輯treegrid的方法

 更新時間:2015年03月01日 15:04:36   投稿:hebedich  
本文給大家介紹的是在EasyUI中編輯treegid的方法,并附上具體的實(shí)例,這里推薦給大家,有需要的小伙伴快來參考下吧。

主從表,從表是一個treegrid,加載完數(shù)據(jù)后,點(diǎn)擊節(jié)點(diǎn)進(jìn)入編輯狀態(tài)。

復(fù)制代碼 代碼如下:

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是進(jìn)入編輯狀態(tài)行的id
                        var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
                        if(record.id == 1){//選擇梨子
                            var feditor = editors[1];//一行中第二個編輯框
                            //將編輯框設(shè)置成必填
                            $(feditor.target).validatebox({required:true});
                            //將編輯框設(shè)置成可編輯
                            $(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","");
                        }
                    },
                }
            }
        }

開啟編輯狀態(tài)

復(fù)制代碼 代碼如下:

$('#rulesgrid').treegrid('beginEdit', index);

以上就是本文關(guān)于EasyUI中編輯treegrid的方法,希望大家能夠喜歡。

相關(guān)文章

最新評論