zTree 初始化方法使用

2021-11-21 06:11:23

zTree 初始化方法，建立 zTree 必須使用此方法

1、頁面需要進行 W3C 申明，例如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。

2、需要首先加載 jquery-1.4.2.js 或其他更高版本的 jQuery 。

3、需要加載 jquery-ztree.core-3.0.js，如果需要用到編輯功能或 checkbox / radio 還需要分别加載 jquery-ztree.exedit-3.0.js 和 jquery-ztree.excheck-3.0.js 。

4、需要加載 zTreeStyle.css 以及 zTreeStyle 目錄下的 img 檔案。

5、如果需要使用自定義圖示請參考相應的Demo。

6、請注意設定 zTree 的容器樣式 class="ztree"，其中 "ztree" 這個 className，可以根據需要随意修改，别忘了修改 css 中對應名字就是了，對于容器如果需要增加其他特殊樣式，可根據自己的需要進行修改。

init()方法中的參數包括obj，zSetting，zNodes三個參數，作用分别如下

用于展現 zTree 的 DOM 容器

zTree 的配置資料，具體請參考 “setting 配置詳解”中的各個屬性詳細說明

zTree 的節點資料，具體請參考 “treeNode 節點資料詳解”中的各個屬性詳細說明

1、v3.x 支援單獨添加一個節點，即如果隻新增一個節點，不用必須包在數組中

2、如果需要異步加載根節點，可以設定為 null 或 [ ]

3、使用簡單資料模式，請參考 setting.data.simpleData 内的屬性說明

zTree 對象，提供操作 zTree 的各種方法，對于通過 js 操作 zTree 來說必須通過此對象

如果不需要自行設定全局變量儲存，可以利用 $.fn.zTree.getZTreeObj 方法随時擷取

繼續閱讀