關(guān)于Dtree+Jquery動態(tài)生成樹節(jié)點

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

　　Dtree目錄樹的總結(jié)

　　一：函數(shù)

　　1：頁面中

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

　　參數(shù)說明：

　　id ：節(jié)點自身的id

　　pid ：節(jié)點的父節(jié)點的id

　　name ：節(jié)點顯示在頁面上的名稱

　　url ：節(jié)點的鏈接地址

　　title ：鼠標(biāo)放在節(jié)點上所出現(xiàn)的提示信息

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

　　icon ：節(jié)點關(guān)閉時的顯示圖片的路徑

　　iconOpen：節(jié)點打開時的顯示圖
片的路徑

　　open ：布爾型，節(jié)點是否打開(默認(rèn)為false)

　　注：open項：頂級節(jié)點一般采用true，即pid是-1的節(jié)點

　　2：dtree.js文件中

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

　　二：頁面中的書寫

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

　　即 tree.add(id,pid,name,url);后面5個參數(shù)可以省略

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

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

　　3：樣式表

　　(1)：可以將dtree.css中的樣式附加到你的應(yīng)用中的主css中，如a.css

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

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

　　說明：這是靜態(tài)的代碼，動態(tài)的可用循環(huán)加入。其他 tree.add(id,pid,name,url,"","","","",true);

　　不羅嗦啦..上面的只是讓你大概了解一下.dtree怎么用.

　　dtree+JQuery動態(tài)生成樹.思路其實很簡單... 首先把樹的節(jié)點信息存儲到數(shù)據(jù)庫,然后在servlet或jsp中獲取數(shù)據(jù)庫表中的數(shù)據(jù),把這些信息寫成在xml文件中.然后界面jsp頁面通過JQuery實現(xiàn)對改 servlet的請求.并且回調(diào)方法中接受xml數(shù)據(jù)對象.并且遍歷xml文件,取得xml文件中的節(jié)點的屬性或文本數(shù)據(jù).再循環(huán)的對dtree添加節(jié)點.。

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

　　6. 編寫我們的tree.jsp頁面.

【Dtree+Jquery動態(tài)生成樹節(jié)點】相關(guān)文章：

思科生成樹協(xié)議STP08-03

dos實現(xiàn)文件夾樹目錄生成09-17

有關(guān)使用 Aspose.Words for .NET來動態(tài)的生成word文檔中的數(shù)據(jù)表09-01

美國留學(xué)各時間節(jié)點的匯總09-30

2018德國留學(xué)申請指南時間節(jié)點07-19

動態(tài)攝影技巧06-25

Json的生成與解析09-16

施工項目動態(tài)管理08-10

未來的設(shè)計-動態(tài)標(biāo)志10-17

新動態(tài)國際英語09-13