當前位置:才華齋>IT認證>SUN認證>

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

SUN認證 閱讀(1.38W)

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

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

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. 編寫我們的頁面.