1. 程式人生 > >Ztree 入門 配置:

Ztree 入門 配置:

在這裡插入圖片描述

2、去下載所需要的Ztree。下好之後解壓:

在這裡插入圖片描述
2-1: api 這裡面是所有的API文件:
2-2:css 這裡面是 所有需要的css & image
2-3: demo 這裡面是 所有的Demo原始碼
2-4: js 這裡面是 zTree 的js 檔案

3、zTree 的js 檔案說明:

3-1:jquery.ztree.core  是zTree 的核心庫
3-2:  jquery.ztree.excheck  是zTree 關於複選框/單選框的擴充套件庫
3-3:  jquery.ztree.exedit   是zTree 關於編輯操作的擴充套件庫。
3-4:  jquery.ztree.exhide 是 zTree 關於節點隱藏的擴充套件庫。
3-5: jquery.ztree.all 是 excheck + exedit + core 的組合,不包括(exhide);

4、引用:

4-1:將zTree 的css 目錄複製到專案目錄下,
4-2 : jquery.ztree.core .js 和 jquery-1.4.4.min.js 複製到專案目錄下,
在這裡插入圖片描述

5、寫一個測試的jsp:

在這裡插入圖片描述

效果如下:

在這裡插入圖片描述

這樣,一個ztree就配置成功了,然後可以去官網參照API進行操作!