關於zTree插件setting的配置

var setting = {

treeId : “”,zTree的唯一標識,初始化後,等於用戶定義的zTree容器的id屬性值,勿進行初始化或修改,屬於內部參數

treeObj : null, zTree容器的jQuery對象,主要功能:便於操作

anync:{    //是否異步加載 相當於ajax

            autoParam : []  ,   可以設置提交時的參數名稱,例如server只接受zId:["id=zId"];默認值空

             contentTye : "application..."   ajax提交參數的數據類型

             dataFilter : null ,用於對ajax返回數據進行預處理的函數

             dataType : "text" ,ajax獲取的數據類型

             enable : false , //設置zTree是否開啓異步加載模式,默認值是false

              otherParam : [] , 其他參數,直接用json格式製作鍵值對,例如:{key1:value1,key2:value2}

              type : "post" , 請求方式

              url : {} 路徑

},

callback : {  //返回函數,根據需求選擇合適的監聽事件,

             beforeAsync : null,   異步加載之前的事件回調函數,zTree根據返回值確定是否允許異步加載

              beforeCheck : null ,勾選 取消勾選 之前的時間回調函數,並且根據返回值確定是否允許勾選 或 取消勾選

              beforeClick : null ,單擊節點之前的時間回調函數,並且根據返回值確定是否允許單擊操作

              beforeCollapse : null,父節點摺疊之前的事件毀掉函數,並且根據返回值確定是否允許摺疊操作

              beforeDBClick : null, zTree上鼠標雙擊之前的事件回調函數,並且根據返回值確定觸發onDBClick事件回調函數

              beforeDrag : null , 節點被拖拽之前的時間回調函數,並且根據返回值確定是否允許開啓拖拽操作

              beforeDragOpen : null , 拖拽節點移動到摺疊狀態的父節點後,即將自動展開該父節點之前的事件回調函數,並且根據返回值確定是否允許自動展開操作

               beforeDrop : null ,節點拖拽操作結束之前的時間回調函數,並且根據返回值確定是否允許此拖拽操作

               beforeEditName:null,節點編輯按鈕的click事件,並且根據返回值確定是否允許進入名稱編輯 狀態

               beforeExpand:null , 父節點展開之前的事件回調函數,並且根據返回值確定是否允許展開操作

               beforeMouseDown:null  zTree上鼠標按鍵按下之前的事件回調函數,並且根據返回值確定觸發onMouseDown事件回調函數

               beforeMouseUp:null ,zTree上鼠標按鍵鬆開之前的事件回調函數,並且根據返回值確定觸發onMouseUp事件回調函數

               beforeRemove:null,節點被刪除之前的事件回調函數,並且根據返回值確定是否允許刪除操作

               beforeRename:null,節點編輯名稱結束(input失去焦點或按下Enter鍵)之後,更新節點名稱數據之前的事件回調函數,並且根據返回值確定是否允許更改名稱的操作

               beforeRightClick:null,zTree上鼠標右鍵點擊之前的事件回調函數,並且根據返回值確定觸發onRightClick事件回調函數

                onAsyncError:null,異步加載出現異常錯誤的事件回調函數

                onAsyncSuccess : null,異步加載正常結束的事件回調函數

                onCheck : null , CheckBox/radio 被勾選或取消勾選的事件回調函數

                onClick : null,節點被點擊的事件回調函數

                onCollapse:null,節點被摺疊的事件回調函數

                onDrag:null,節點被拖拽的事件回調函數

                onDragMove : null,節點被拖拽過程中移動的事件回調函數

                onDrop:null,null,節點拖拽操作結束的事件回調函數

                onExpand : null ,節點被展開的事件回調函數

                onMouseDown:null,zTree上鼠標按鍵按下後的時間回調事件

                onMouseUp:null,zTree上鼠標按鍵鬆開後的事件回調函數

                onNodeCreated :null,節點生成DOM後的事件回調函數

                onRemove:null,刪除節點之後的事件回調函數

               onRename : null ,節點編輯名稱結束之後的事件回調函數

               onRightClick : null,zTree撒

},

check:{

                autoCheckTrigger : false,   設置自動關聯勾選時是否觸發beforeCheck / onCheck時間回調函數 默認值false

                chkboxType:{"Y","ps","N","ps"} ,  勾選checkbox對於父子節點的關聯關係(Y表示checkbox被勾選後的情況;N表示取消勾選後的情況;p表示影響父節點;s表示影響子節點)

                 chkStyle:"",  勾選框類型(checkbox和radio),和setting.check.enable=true時生效

                 enable:false,  設置ztree節點上是否顯示checkbox/radio

                  nocheckInherit:false ,當父節點設置nocheck=true時,設置子節點是否自動繼承nocheck=true,setting.check.enable =true 生效,默認值false

                   chkDisabledInherit :false,當父節點設置查看Disabled = true時,設置子節點是否自動繼承查看Disabled = true

                   radioType:"level",  radio的分組範圍,“level”在每一級節點範圍內做一個分組;“all”在整顆樹範圍內做一個分組;setting.check.enable = true 且 setting.check.chkStyle=“radio”時生效                

},

data:{

           keep:{

                    leaf:false, ztree的節點葉子節點屬性鎖,是否始終保持isParent = false

                    parent:false,ztree的節點父節點屬性鎖,是否始終保持isParent = false

           },

           key:{

                   checked:“checked”,ztree節點數據中保存check狀態的屬性名稱

                   children:“children”,ztree節點數據中保存子節點數據的屬性名稱

                   isParent:“isParent”,ztree節點數據保存節點是否爲父節點的屬性名稱

                   isHidden:“isHidden”,ztree節點數據保存節點是否隱藏的屬性名稱

                   name:“name”, ztree數據保存節點名稱的屬性名稱

                   title:“”,ztree節點數據保存節點提示信息的屬性名稱。setting.view.showTitletrue生效

                   url:“”  ztree節點數據保存節點鏈接的目標URL的屬性名稱

           },

           simpleData:{

                    enable:“false”,確定ztree初始化時的節點數據、異步加載時的節點數據、或addNodes方法中輸入的newNodes數據是否採用簡單數據模式(array),不需要用戶再把數據庫中取出的list強行轉換爲複雜的json嵌套格式

                    idKey:“id”,節點數據中保存唯一標識的屬性名稱

                    pIdKey:“pId”,節點數據中保存其父節點唯一標識的屬性名稱

                    rootpId:null,用於修正根節點父節點數據,即pIdKey指定的屬性值

            }

},

           edit:{

                  drag:{

                          autoExpandTrigger:true,拖拽時父節點自動展開是否觸發onExpand事件回調函數

                           isCopy:true, 拖拽是否允許複製節點

                           isMove:true, 拖拽是否允許移動節點

                           prev:true,拖拽到目標節點時,設置是否允許移動到目標節點前面的操作

                           next:true,拖拽到目標節點時,設置是否允許移動到目標節點後面的操作

                           inner:true,拖拽到目標節點時,設置是否允許成爲目標節點的子節點

                           borderMax:10,拖拽節點成爲根節點時的tree內邊界範圍

                           borderMin:-5,拖拽節點成爲根節點時的tree外邊界範圍

                           minMoveSize:5,判定是否拖拽操作的最小位移值

                           maxShowNodeNum:5,拖拽多個兄弟節點時,浮動圖層中顯示的最大節點數,多餘的節點用...代替

                           autoOpenTime:500, 拖拽時父節點自動展開的延時間隔

                  },

                   editnameSelectAll :false,節點編輯名稱input初次顯示時,設置TXT內容是否爲全選狀態

                    enable:false, 設置ztree是否處於編輯狀態

                    removeTitle:“remove”, 刪除按鈕的title輔助信息

                    renameTitle:“rename” , 編輯名稱按鈕的title輔助信息

                    showRemoveBtn:true,設置是否顯示刪除按鈕

                    showRenameBtn:true,設置是否顯示編輯名稱按鈕

},

        view:{

                    addDIYDOM:null,用於節點上固定顯示用戶自定義控件

                    addHoverDOM:null,用於當鼠標移動到節點上時,顯示用戶自定義控件,顯示隱藏狀態通ztree內部的編輯、刪除按鈕

                    autoCancelSelected:true,點擊節點時,按下Ctrl或Cmd鍵是否允許取消選擇操作

                    dblClickExpand: true, 雙擊節點時,是否自動展開父節點的標識

                     expandSpeed:“fast”,ztree節點展開、摺疊的動畫速度,設置方法同jQuery動畫效果中speed參數

                     fontCSS:{}, 個性化文字樣式,只針對ztree在節點上顯示的a對象

                      nameIsHTML:false,設置name屬性是否支持HTML版本

                      removeHoverDOM:null,用於當鼠標移除節點時,隱藏用戶自定義控件,顯示隱藏狀態同ztree內部的編輯、刪除按鈕

                       selectedMulti:true,設置是否允許同時選中多個節點

                       showIcon:true,設置ztree是否顯示節點的圖標

                       showLine:true,設置ztree是否顯示節點之間的連線

                       showTitle:true,設置ztree是否顯示節點的title提示信息

                       TXTSelectedEnable:false 設置ztree是否允許可以選擇ztree  DOM內的文本

        }

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章