首頁 > web前端 > js教程 > 淺談EasyUI中編輯treegrid的方法_jquery

淺談EasyUI中編輯treegrid的方法_jquery

WBOY
發布: 2016-05-16 16:11:57
原創
1114 人瀏覽過

主從表,從表是一個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的方法,希望大家能夠喜歡。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板