淺談EasyUI中編輯treegrid的方法_jquery

主從表，從表是一個treegrid，載入完資料後，點選節點進入編輯狀態。

複製程式碼 程式碼如下:

列：[ [ {
            標題：“ID”，
            字段：“id”，
            隱藏：真實
        }, {
            字段：“pid”，
            隱藏：真實
        },  {
            標題：“AAA”，
            字段：“aaa”，
            寬度：70，
            對位：“居中”，
            halign : 「居中」
        }, {
            標題：“BBB”，
            字段：“bbb”，
            寬度：70，
            對位：“居中”，
            halign : 「中心",
            編：{
                類型：「組合方塊」，
                選項：{
                    資料：[ {
                       「id」：0，
                       「以「蘋果」為
                    }, {
                       「id」：1，
                        "text" : "梨子"
                    } ],
                    valueField : 'id',
                    文字欄位 : '文字',
                    可編者：假，
                    // 必要：true,
                    面板高度：「自動」，
                    MissingMessage : "請選擇水果",
                    onSelect : 函數(記錄) {
                        //editingId是進入編輯狀態列的id
                        var editors = $('#grid').datagrid('getEditors', $('#editingId').                         if(record.id == 1){//選擇梨子
                            var feditor = editors[1];//一行中第二個編輯方塊
                            //將編輯方塊設定為必填
                            $(feditor.target).validatebox({required:true});
                            //將編輯方塊設定為可編輯
                            $(feditor.target).numberbox('enable');
$(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');
$(feditor.target).numberbox('disable');
                            var feditor2 = editors[2];
                            $(feditor2.target).validatebox({required:false});;
;

;;

;

;

;                         }

                    },                 }             }         }

開啟編輯狀態

複製程式碼

程式碼如下: $('#rulesgrid').treegrid('beginEdit', index); 以上就是本文關於EasyUI中編輯treegrid的方法，希望大家能夠喜歡。