转自: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 如果有的话,返回提到的最后一个子节点。