關於Dtree+Jquery動態生成樹節點

dtree是一個由JavaScript編寫成的簡單的樹形菜單組件，目前免費並且開源。目前有很多的樹形菜單組件(比如ext)，dtree是一種簡單易懂的js組件，不需要複雜的操作即可生產，同時支持動態從數據庫引入數據。

Dtree目錄樹的總結

　　一：函數

1：頁面中

(id,pid,name,url,title,target,icon,iconOpen,open);

參數説明：

id ：節點自身的`id

pid ：節點的父節點的id

name ：節點顯示在頁面上的名稱

url ：節點的鏈接地址

title ：鼠標放在節點上所出現的提示信息

target ：節點鏈接所打開的目標frame(如框架目標mainFrame,_blank,_self 類)

icon ：節點關閉時的顯示圖片的路徑

iconOpen：節點打開時的顯示圖
片的路徑

open ：布爾型，節點是否打開(默認為false)

注：open項：頂級節點一般採用true，即pid是-1的節點

2：文件中

約87-113行是一些默認圖片的路徑，注意要指對。

　　二：頁面中的書寫

1：默認值的書寫規則(從左至右，依次省略)

即 (id,pid,name,url);後面5個參數可以省略

2：有間隔時的默認值(如存在第6個參數，但第5個參數想用默認值)

即 (id,pid,name,url,"",target);必須這樣寫

3：樣式表

(1)：可以將中的樣式附加到你的應用中的主css中，如

(2)：也可以同時引用與兩個文件，但前提條件是兩個css文件中不能有重複的樣式

4：頁面代碼書寫的位置是：一般寫在表格的td之中

説明：這是靜態的代碼，動態的可用循環加入。其他 (id,pid,name,url,"","","","",true);

不羅嗦啦..上面的只是讓你大概瞭解一下e怎麼用.

dtree+JQuery動態生成樹.思路其實很簡單... 首先把樹的節點信息存儲到數據庫,然後在servlet或jsp中獲取數據庫表中的數據,把這些信息寫成在xml文件中.然後界面jsp頁面通過JQuery實現對改 servlet的請求.並且回調方法中接受xml數據對象.並且遍歷xml文件,取得xml文件中的節點的屬性或文本數據.再循環的對dtree添加節點.。

5. 將 和，, img文件夾.放在WebRoot下面.(工程的根目錄)

6. 編寫我們的頁面.