- 相關(guān)推薦
關(guān)于Dtree+Jquery動(dòng)態(tài)生成樹節(jié)點(diǎn)
dtree是一個(gè)由JavaScript編寫成的簡(jiǎn)單的樹形菜單組件，目前免費(fèi)并且開源。目前有很多的樹形菜單組件(比如ext)，dtree是一種簡(jiǎn)單易懂的js組件，不需要復(fù)雜的操作即可生產(chǎn)，同時(shí)支持動(dòng)態(tài)從數(shù)據(jù)庫引入數(shù)據(jù)。
Dtree目錄樹的總結(jié)
一：函數(shù)
1：頁面中
tree.add(id,pid,name,url,title,target,icon,iconOpen,open);
參數(shù)說明：
id ：節(jié)點(diǎn)自身的id
pid ：節(jié)點(diǎn)的父節(jié)點(diǎn)的id
name ：節(jié)點(diǎn)顯示在頁面上的名稱
url ：節(jié)點(diǎn)的鏈接地址
title ：鼠標(biāo)放在節(jié)點(diǎn)上所出現(xiàn)的提示信息
target ：節(jié)點(diǎn)鏈接所打開的目標(biāo)frame(如框架目標(biāo)mainFrame,_blank,_self 類)
icon ：節(jié)點(diǎn)關(guān)閉時(shí)的顯示圖片的路徑
iconOpen：節(jié)點(diǎn)打開時(shí)的顯示圖
片的路徑
open ：布爾型，節(jié)點(diǎn)是否打開(默認(rèn)為false)
注：open項(xiàng)：頂級(jí)節(jié)點(diǎn)一般采用true，即pid是-1的節(jié)點(diǎn)
2：dtree.js文件中
約87-113行是一些默認(rèn)圖片的路徑，注意要指對(duì)。
二：頁面中的書寫
1：默認(rèn)值的書寫規(guī)則(從左至右，依次省略)
即 tree.add(id,pid,name,url);后面5個(gè)參數(shù)可以省略
2：有間隔時(shí)的默認(rèn)值(如存在第6個(gè)參數(shù)，但第5個(gè)參數(shù)想用默認(rèn)值)
即 tree.add(id,pid,name,url,"",target);必須這樣寫
3：樣式表
(1)：可以將dtree.css中的樣式附加到你的應(yīng)用中的主css中，如a.css
(2)：也可以同時(shí)引用dtree.css與a.css兩個(gè)文件，但前提條件是兩個(gè)css文件中不能有重復(fù)的樣式
4：頁面代碼書寫的位置是：一般寫在表格的td之中
說明：這是靜態(tài)的代碼，動(dòng)態(tài)的可用循環(huán)加入。其他 tree.add(id,pid,name,url,"","","","",true);
不羅嗦啦..上面的只是讓你大概了解一下.dtree怎么用.
dtree+JQuery動(dòng)態(tài)生成樹.思路其實(shí)很簡(jiǎn)單... 首先把樹的節(jié)點(diǎn)信息存儲(chǔ)到數(shù)據(jù)庫,然后在servlet或jsp中獲取數(shù)據(jù)庫表中的數(shù)據(jù),把這些信息寫成在xml文件中.然后界面jsp頁面通過JQuery實(shí)現(xiàn)對(duì)改 servlet的請(qǐng)求.并且回調(diào)方法中接受xml數(shù)據(jù)對(duì)象.并且遍歷xml文件,取得xml文件中的節(jié)點(diǎn)的屬性或文本數(shù)據(jù).再循環(huán)的對(duì)dtree添加節(jié)點(diǎn).。
5. 將dtree.js 和dtree.css，jquery.js, img文件夾.放在WebRoot下面.(工程的根目錄)
6. 編寫我們的tree.jsp頁面.
【Dtree+Jquery動(dòng)態(tài)生成樹節(jié)點(diǎn)】相關(guān)文章：
思科生成樹協(xié)議STP10-28
有關(guān)使用 Aspose.Words for .NET來動(dòng)態(tài)的生成word文檔中的數(shù)據(jù)表07-22
加拿大留學(xué)時(shí)間節(jié)點(diǎn)有哪些08-01
Json的生成與解析08-28
動(dòng)態(tài)禮儀與靜態(tài)禮儀06-13