轉自:http://webfx.eae.net/dhtml/xtree/xtree.html
文件: xtree.js
Usage(用法):
var tree = new WebFXTree('Root');
tree.add(new WebFXTreeItem('Tree Item 1'));
tree.add(new WebFXTreeItem('Tree Item 2'));
tree.add(new WebFXTreeItem('Tree Item 3'));
document.write(tree);
Folders(可折疊的):
var tree = new WebFXTree('Root');
/* Add tree item to tree */
tree.add(new WebFXTreeItem('1'));
/* Create a new folder and add it to tree */
var folder = new WebFXTreeItem('2')
tree.add(folder);
/* Add tree items to folder */
folder.add(new WebFXTreeItem('2.1'));
folder.add(new WebFXTreeItem('2.2'));
folder.add(new WebFXTreeItem('2.3'));
/* Add another tree item to tree */
tree.add(new WebFXTreeItem('3'));
document.write(tree);
Explorer behavior (管理瀏覽器)
var tree = new WebFXTree('Root');
/* Change the behavior of the tree */
tree.setBehavior('explorer');
/* Add tree item to tree */
tree.add(new WebFXTreeItem('1'));
/* Create a new folder and add it to tree */
var folder = new WebFXTreeItem('2')
tree.add(folder);
/* Add tree items to folder */
folder.add(new WebFXTreeItem('2.1'));
folder.add(new WebFXTreeItem('2.2'));
folder.add(new WebFXTreeItem('2.3'));
/* Add another tree item to tree */
tree.add(new WebFXTreeItem('3'));
document.write(tree);
Custom Icons(自定義圖標):
var tree = new WebFXTree('Root');
tree.setBehavior('explorer');
tree.icon = 'http://webfx.eae.net/images/notepad.gif';
tree.add(new WebFXTreeItem('1'));
var folder = new WebFXTreeItem('2')
tree.add(folder);
var t21 = new WebFXTreeItem('2.1');
/* Change the icon */
t21.icon = webFXTreeConfig.fileIcon;
folder.add(t21);
var t22 = new WebFXTreeItem('2.2');
/* Change the icon */
t22.icon = webFXTreeConfig.fileIcon;
folder.add(t22);
var t23 = new WebFXTreeItem('2.3');
/* Change the icon */
t23.icon = webFXTreeConfig.fileIcon;
folder.add(t23);
tree.add(new WebFXTreeItem('3'));
document.write(tree);
xTree API
WebFXTreeAbstractNode
WebFXTree和WebFXTreeItem 的Abstract Object 、common function and methods 都是從這個
對象繼承來的。
Construtcto(構造)
抽象對象,沒有實例應該建立。
Properties( 屬性)
名字 類型 描述
id(編號) Number 只讀屬性,可以用來找相關 HTMLElement。
如果您知道id HTMLElement,你可以在webFXTreeHandler.all中尋找
JS Object
text(文字) String The text lable for the node.
action(uri) String The action (uri) associated with the node.
open (打開) Boolean 只讀,布爾屬性,它告訴節點是張開(expanded) 或者
關閉(collapsed).(如果沒有子節點,將始終返回 false)
icon (圖標) String Image File to use as icon,Uses default if not specified.
openIcon(打開圖標) String Image File to use as the open icon(if child nodes only).
Uses default if not (指定)specified.
parentNode Reference(參考) A reference(提及) to the parent node.
childNodes Array Connection(收集) of references(提及) to all child nodes;
Methods (方法)
name Returns description
add(oNode, reference 增加了樹項目目前的項目。 這種方法有兩種說法,
[bNoIdent]) 一是WebFXTreeItem對象添加第二個是一個可選的布爾值,如果指定,并設置為true將防止樹從執行Indent方
法自動一旦節點已添加。此參數沒有影響調用Add方法之前,樹呈現,但此標志設置增加節點時,
樹后,已變得將大大減少所需的時間來完成作業,這可能是非常有益的,同時增加了一個節點的時間,
但要求Indent方法是手動執行頂部最節點受影響的變化之后。歸來的參考補充節點。
indent() void (xtree1存在,xtree2不存在) Redraws the traces between nodes and makes sure the tree is properly layed out.
toggle() void 切換展開/拆疊
expand() void Expands the node
collapse() void Collapses the node
expandAll() void Expands the node and all its descendants
collapseAll() void Collapses the node and all its descendants
expandChildren() void Expands all the descendants of the node
collapseChildren() voie Collapse all the descendants of the node
getNextSibling() Reference Returns a reference to the next sibling.
(返回元素后緊跟的元素,如果無此節點,則屬性返回null)
getPreviousSibling()Reference Returns a reference to the previous sibling.
(返回節點之前緊跟的同級節點)
toString String (stree1存在,stree2 不存在)
WebFXTree
該WebFXTree對象是用來創建實際樹根,可后來被填入樹項目。所有屬性和方法從WebFXTreeAbstractNode繼承。
Constructor
new WebFXTree([text], [action], [behavior])
name type description
text String 任擇,文字標簽樹根。
action String 任擇,The action (uri) associated with the tree root.
behavior String 任擇, 名稱使用的方法,檢查 setBehavior() 方法的細節。
icon String 任擇, 圖像使用的圖標。
openIcon String 任擇, 開放圖標的圖橡。
properties
name type description
rendered Boolean 檢舉,指出任何或沒有樹已產生和提供。
Methods
name Returns description
getSelected() Reference 如果有的話,返回選擇對象的id
setBehavior(sBehavior) void 集行為的樹。描述的行為時,使用開放圖標樹項目
getBehavior() String 返回behavtion (經典或Explorer )是目前描述打開的文件夾的描寫。
WebFXTreeItem
用于創建樹的項目,可以增加(uising 的 Add方法)的 WebTXTree 或另一個WebFXTreeItem 對象。所有屬性和方法從WebFXTreeAbstractNode繼承.
Constructor
new WebFXTreeItem([text], [action], [parent], [icon], [openIcon])
name type description
text String 任擇,文字標簽樹項目
action String 任擇,The action (uri) associated with the tree item.
parent Reference 任擇,父母樹項目。如果該項目提供然后將被作為一個孩子eParent
icon String 任擇。Image to use as the icon.
openIcon String 任擇. Image to use as the open icon.
method
name Returns description
getFirst() Reference 返回提到的第一個孩了節點,如果有的話。
getLast() Reference 如果有的話,返回提到的最后一個子節點。