zTree外掛程式setting配置詳解

2021-07-29 20:36:55 字數 2288 閱讀 8857

一. ztree的 setting 配置詳解

var setting =

type : "post",  //請求方式

url : ""

//路徑

},callback : ,

例. 節點勾選或取消事件 

function ztreeoncheck(event, treeid, treenode) ;

var setting =

};function 引數說明

引數資料型別

說明event

js event 物件

標準的 js event 物件

treeid

string

對應 ztree 的 treeid,便於使用者操控

treenode

json

被勾選 或 取消勾選的節點 json 資料物件

setting引數配置講解繼續...

check : ,

//勾選 checkbox 對於父子節點的關聯關係。[setting.check.enable = true 且 setting.check.chkstyle = "checkbox" 時生效]

chkstyle : "checkbox",

//勾選框型別(checkbox 或 radio)[setting.check.enable = true 時生效]

enable : false,

//設定 ztree 的節點上是否顯示 checkbox / radio

//預設值: false

nocheckinherit : false

//當父節點設定 nocheck = true 時,設定子節點是否自動繼承 nocheck = true 。[setting.check.enable = true 時生效]

chkdisabledinherit : false

//當父節點設定 chkdisabled = true 時,設定子節點是否自動繼承 chkdisabled = true 。[setting.check.enable = true 時生效]

radiotype : "level"

//radio 的分組範圍。[setting.check.enable = true 且 setting.check.chkstyle = "radio" 時生效]

},data : ,

key : ,

******data :

},edit : ,

editnameselectall : false,

enable : false,

//設定 ztree 是否處於編輯狀態,

true / false 分別表示 可以 / 不可以 編輯

removetitle : "remove",

//刪除按鈕的 title 輔助資訊。[setting.edit.enable = true & setting.edit.showremovebtn = true 時生效]

renametitle : "rename",

//編輯名稱按鈕的 title 輔助資訊。[setting.edit.enable = true & setting.edit.showrenamebtn = true 時生效]

showremovebtn : true,

//設定是否顯示刪除按鈕。[setting.edit.enable = true 時生效]

showrenamebtn : true

//設定是否顯示編輯名稱按鈕。[setting.edit.enable = true 時生效]

},view : ,

//個性化文字樣式,只針對 ztree 在節點上顯示的物件。

nameishtml : false,

//設定 name 屬性是否支援 html 指令碼

removehoverdom : null,

//用於當滑鼠移出節點時,隱藏使用者自定義控制項,顯示隱藏狀態同 ztree 內部的編輯、刪除按鈕

selectedmulti : true,

//設定是否允許同時選中多個節點。

showicon : true,

//設定 ztree 是否顯示節點的圖示。

showline : true,

//設定 ztree 是否顯示節點之間的連線。

showtitle : true,

//設定 ztree 是否顯示節點的 title 提示資訊(即節點 dom 的 title 屬性)。

txtselectedenable : false//設定 ztree 是否允許可以選擇 ztree dom 內的文字。

}

JQuery 有關於 ZTree 外掛程式

var ztree1 var setting var retrunobj setting async url portal inventorytypeaction gettree.action data callback beforecollapse function onclick ztreeon...

樹狀選單 zTree外掛程式使用

ztree 是乙個依靠 jquery 實現的多功能 樹外掛程式 而且擁有較好的瀏覽器相容性,有著豐富的功能以及可以自定義樣式,足以滿足大部分業務的開發。jquery 實現的樹狀選單 樹狀資料的web顯示 許可權管理等等。使用步驟如下 1.引入css和js檔案 2.在html頁面中想要顯示樹的地方建立...

ztree外掛程式動態載入節點

2 在jsp頁面中引入 js css檔案 3 配置所需屬性 var ztreeobj 樹形結構物件 document ready function var setting callback 單擊時獲取ztree節點的id,和value的值 function ztreeonclick event,tr...