關(guān)于Dtree+Jquery動(dòng)態(tài)生成樹(shù)節點(diǎn)

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

　　Dtree目錄樹(shù)的總結

　　一：函數

　　1：頁(yè)面中

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

　　參數說(shuō)明：

　　id ：節點(diǎn)自身的id

　　pid ：節點(diǎn)的父節點(diǎn)的id

　　name ：節點(diǎn)顯示在頁(yè)面上的名稱(chēng)

　　url ：節點(diǎn)的鏈接地址

　　title ：鼠標放在節點(diǎn)上所出現的提示信息

　　target ：節點(diǎn)鏈接所打開(kāi)的目標frame(如框架目標mainFrame,_blank,_self 類(lèi))

　　icon ：節點(diǎn)關(guān)閉時(shí)的顯示圖片的路徑

　　iconOpen：節點(diǎn)打開(kāi)時(shí)的顯示圖
片的路徑

　　open ：布爾型，節點(diǎn)是否打開(kāi)(默認為false)

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

　　2：dtree.js文件中

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

　　二：頁(yè)面中的書(shū)寫(xiě)

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

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

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

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

　　3：樣式表

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

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

　　4：頁(yè)面代碼書(shū)寫(xiě)的位置是：一般寫(xiě)在表格的td之中

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

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

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

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

　　6. 編寫(xiě)我們的tree.jsp頁(yè)面.

【Dtree+Jquery動(dòng)態(tài)生成樹(shù)節點(diǎn)】相關(guān)文章：

dos實(shí)現文件夾樹(shù)目錄生成09-16

思科生成樹(shù)協(xié)議STP10-28

有關(guān)使用 Aspose.Words for .NET來(lái)動(dòng)態(tài)的生成word文檔中的數據表07-22

加拿大留學(xué)時(shí)間節點(diǎn)有哪些08-01

Json的生成與解析08-28

新動(dòng)態(tài)國際英語(yǔ)10-09

動(dòng)態(tài)禮儀與靜態(tài)禮儀06-13

新加坡留學(xué)的動(dòng)態(tài)分析09-26

Java腳本動(dòng)態(tài)用法06-11

動(dòng)態(tài)速寫(xiě)的方法要點(diǎn)06-24