強大的Js樹型控件Dtree使用詳解

常用方法

add(parameters)：添加節(jié)點信息

【例】mytree.add(1, 0, 'My node', 'node.html', 'node title', 'mainframe', 'img/musicfolder.gif'); 【注】dtree.js文件中約87－113行是一些默認圖片的路徑，可以自己配置圖片 openAll()：打開所有節(jié)點，可在樹被創(chuàng)建以前或以后調(diào)用 【例】mytree.openAll(); closeAll()：關閉所有節(jié)點，可在樹被創(chuàng)建以前或以后調(diào)用 【例】mytree.closeAll(); oAll(bool)：打開或關閉所有節(jié)點參數(shù)為true則打開所有節(jié)點，false則關閉所有節(jié)點 isOpen(id)：指定節(jié)點是否處于打開狀態(tài)如果處于打開狀態(tài)則返回true,反之false openTo(parameters)打開指定節(jié)點可在樹被創(chuàng)建以前或以后調(diào)用

o(index) 打開/關閉指定節(jié)點，如果節(jié)點處于關閉狀態(tài)則打開，反之則關閉 openTo()方法體內(nèi)調(diào)用的就是o()方法 OPENTO(ID)和O(ID)比較

下面分別用兩種方法打開’MacBookPro系列’節(jié)點

1,openTo()直接打開

2,o()表面看起來沒反應，只有點開“蘋果”節(jié)點才能看到

dtree的配置CONFIG

配置干嘛用的？其實配置就是在樹初始化時對某些效果進行一些必要的設置，比如config.useIcons=false 意思就是所有節(jié)點不顯示圖片了;

【例子】mytree.config.target = "mytarget";

頁面中的書寫規(guī)范

1,參數(shù)可以不寫完，有默認值（從左至右，依次省略）,例tree.add(id,pid,name,url);后面5個參數(shù)就可以省略 2,有間隔時的默認值（如存在第6個參數(shù)，但第5個參數(shù)想用默認值）,即tree.add(id,pid,name,url,"",target);必須這樣寫tree.add(id,pid,name,url,"","","","",true); 3,特殊：如果需要顯示title(參數(shù)5)必須設定相應鏈接地址(參數(shù)4),tree.add(2,0,‘照明控制系統(tǒng)’,‘a(chǎn).jsp’,‘這是第四個參數(shù)title’);?//如果第四個參數(shù)為空則無法顯示

高手進階

1,JS創(chuàng)建類對象

JS對象是一種復合類型，它允許你通過變量名存儲和訪問，換一種思路，對象是一個無序的屬性集合，集合中的每一項都由名稱和值組成（聽起來是不是很像我們常聽說的HASH表、字典、健/值對？），而其中的值類型可能是內(nèi)置類型(如number,string)，也可能是對象。

2,Js的prototype(原型)是什么

用來返回對象類型原型的引用,我們使用prototype屬性提供對象的類的一組基本功能。并且對象的新實例會"繼承"賦予該對象原型的操作。

3,了解一些DTRR.JS內(nèi)的屬性

(1)Node類：
    1,this._io = open || false;? //is open? 
    2, this._is = false;? //is selected? 
    3, this._ls = false;? //last sibling? 
    4, this._hc = false;? //has child?

(2)dtree類： 1, this.obj = objName; //對象別名，new dtree時可用 2, this.aNodes = []; //節(jié)點數(shù)組，每個下標存一個節(jié)點

(3)一些可能使用的方法 1,closeLevel(node)關閉當前node節(jié)點同級的節(jié)點,假設與a節(jié)點同級的有b和c節(jié)點，而且a、b、c節(jié)點都打開了子節(jié)點，此時調(diào)用closeLevel(a)，b、c節(jié)點會收攏起來，但a節(jié)點不會收攏。例：closeLevel(tree.aNodes[1]) –假設下標1是a

2,getSelected()返回你選擇的節(jié)點的信息,返回的是一個node對象。例：getSelected().id就能返回選擇的節(jié)點的id

3,setCS(node)查看節(jié)點是否有子節(jié)點或者是最后一個節(jié)點,方法體內(nèi)存有’_hc’表示是否有子節(jié)點，而’_ls’表示最后的葉子節(jié)點

特別注意：aNodes[1]和o(1)等這里的下標絕對不是指add(id,pid..)里的節(jié)點id，而是根據(jù)整個樹形結構按層次遞加分配的。

轉載地址：http://www.cnblogs.com/zkwarrior/p/5134713.html