XTree
樹控件使用手冊
1??????
API
說明
1.1
???
WebFXTreeAbstractNode
樹控件的抽象基類，不需要創建實例。它具有如下屬性和方法。
1.1.1
??
屬性
1.????????
id ?????????
－
數字類型
只讀
樹節點的唯一標識
2.????????
text ????????????
－
字符串
節點的顯示內容
3.????????
action ??
－
字符串
???
節點的動作響應，如
<a href=”action”>
4.????????
open?????????????
－
?
布爾型
??
只讀
表示該節點是否為打開狀態還是合攏狀態，默認情況下當該節點下沒有子節點時返回
false
5.????????
icon???????
－
??
字符串
指定當前節點顯示的圖標，如果不指定則使用默認圖標
6.????????
openIcon??????
－
??
字符串
指定節點展開時的圖標（當有子節點時有效），不指定則使用默認圖標
7.????????
parentNode???
－
引用
指向父節點的引用
8.????????
childNodea????
－
??
數組
包含該節點下的所有子節點
?
1.1.2
??
方法
1.????????
add(oNode, [bNodeIndent])
－
??
返回
??????
?
2.????????
indent()?
－
void
?
?
3.????????
toggle()?
－
void
?
4.????????
expand()
－
void
?
?
5.????????
collapse()??????
－
void
?
6.????????
expandAll()??
－
void
?
?
7.????????
collapseAll()?
－
void
?
8.????????
expandChildren()
－
void
?
?
9.????????
collapseChildren()??????
－
void
?
10.????
getNextSibling()??
－
??
返回
WebFXTreeItem
的引用
?
?
11.????
getPreviousSibling()???
－
??
返回
WebFXTreeItem
的引用
?
12.????
toString()
?
?
1.2
???
WebFXTree
WebFXTree
是樹控件的根實體類，繼承自
WebFXTreeAbstractNode
1.2.1
??
構造方法
WebFXTree(text, action, behavior, icon, openIcon)
1.2.2
??
屬性
1.2.3
??
方法
1.3
???
WebFXTreeItem
1.3.1
??
構造方法
1.3.2
??
屬性
1.3.3
??
方法
2??????
使用說明
2.1
???
包含
js
文件
如：
<script src=”xtree.js”></script>
2.2
???
創建根節點
var?? root = new WebFXTree(“Root”);
2.3
???
添加子節點
root.all(new WebFXTreeItem(“Item1”));
root.all(new WebFXTreeItem(“Item2”));
root.all(new WebFXTreeItem(“Item3”));
?
2.4
???
輸出
document.write(root);
3??????
高級應用
3.1
???
添加目錄
var?? root = new WebFXTree(“Root”);
root.all(new WebFXTreeItem(“1”));
var folder = new WebFXTreeItem(“2”);
root.add(folder);
foldr.all(new WebFXTreeItem(“2.1”));
folder.all(new WebFXTreeItem(“2.2”));
root.all(new WebFXTreeItem(“3”));
document.write(root);
3.2
???
定制行為
目錄樹的行為可以定制，通過
setBehavior
方法可以設定目錄樹中只包含目錄，如
var?? root = new WebFXTree(“Root”);
root.setBehavior(‘explorer’);
:
:
略
3.3
???
定制圖標
var?? root = new WebFXTree(“Root”);
root.all(new WebFXTreeItem(“1”));
var folder = new WebFXTreeItem(“2”);
root.add(folder);
var t21 = new WebFXTreeItem(“2.1”);
t21.icon=webFXTreeConfig.fileIcon;?? //
設置節點
t21
的圖標
foldr.all();
folder.all(new WebFXTreeItem(“2.2”));
root.all(new WebFXTreeItem(“3”));
document.write(root);