WEBFX XTREE学习笔记

froast

浏览: 254187 次
性别:
来自: 上海

最近访客更多访客>>

azhqiang

whzxxyf

andywangqin

mytripod

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

其它WEB相关

XML Ajax .net JavaScript HTML

1.XTREE简介：

XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点，而对开发人员来说，就是只需要按一定的格式，生成一段XML代码。XTREE可以自己定制每个结点的ICON和链接。XTREE是基于对象的，通过XTREE，你无需再自己生成HTML代码，而只要生成相应的JS 对象就可以了。

2.官方网址：

http://webfx.eae.net/dhtml/xtree/index.html，可以在这里下载到XTREE最新的版本，也有XTREE的演示的DEMO。

3.XTREE的API：

XTREE的API很简单，就是一个抽象类WebFXTreeAbstractNode以及该抽象类的两个子类WebFXTree和WebFXTreeItem。这三个类的属性和构造函数，还有方法详见：http://webfx.eae.net/dhtml/xtree/api.html，上面写得很清晰。

4.XTREE学习笔记
    每个结点有一个状态叫做OPEN；如果结点为OPEN,则可以EXPAND;对于ITEM结点来说，永远返回FALSE;
    toggle()就是切换，如果为展开的，就收起；如果为收起的，就展开；
    XTREE生成的是静态树，它不能从XML中生成树，而是只能生成简单的静态的树，看构造函数的参数就可以知道【text】【action】
    --------------------------------------------------------------
    WebFXTreeAbstractNode:

    属性：
    id:唯一标识
    text: label
    action: 链接
    open: 标志位，boolean型，是否打开
    icon: 图标
    openIcon：打开时的图标
    parentNode：父结点的Reference
    childNodes: 子结点的Reference的集合

    方法：
    indent():缩进
    toggle():切换
    callapse():收起
    expand():展开
    callapseAll():收起全部
    expandAll():展开全部
    expandChildren():展开子结点
    callapseChildren():收起子结点
    getNextSibling():取得下一个兄弟结点的Reference
    getPreviousSibling():取得上一个兄弟结点的Reference
    toString():生成HTML代码

    ------------------------------------------------------------------
    WebFXTree:

    构造函数：new WebFXTree([text], [action], [behavior],[icon],[openIcon]);

    参数：
    text:
    action:
    behavior:
    icon:
    openIcon:

    属性：
    rendered 标志位，boolean类型，用于标记该树是否已经生成和显示。
    WebFXTreeAbstractNode的所有属性

    方法：
    getSelected():返回一个Reference，被选中的那个对象的Reference。
    setBehavior(sBehavior): classic,explorer;
    getBehavior():
    WebFXTreeAbstractNode的所有方法
    -------------------------------------------------------------------
    WebFXTreeItem:
    构造函数：
    new WebFXTreeItem([text],[action],[parent],[icon],[openIcon]);

    属性：
    WebFXTreeAbstractNode的所有属性

    方法：
    getFirst():返回第一个子结点的Reference
    getLast():返回嘴后一个子结点的Reference
    __________________________________________________________________________________________

5.XLoadTree学习笔记：
    XLoadTree与XTree的区别就在于，XTree只能生成静态树，而XLoadTree可以根据XML生成动态树。
    XLoadTree是由Xtree而来的，主要有两个类：WebFXLoadTree和WebFXLoadTreeItem,其中，WebFXLoadTree继承自WebFXTree，WebFXLoadTreeItem继承自WebFXTreeItem
    ---------------------------------------------------------------------
    WebFXLoadTree:

    构造函数：
    new WebFXLoadTree(sText, sXmlSrc, sAction, sBehavior, sIcon, sOpenIcon)

    参数：
    sXmlSrc:展开时需要用到的XML文件
    其余参数与WebFXTree一样

    属性：
    src: XML源文件
    loading: 标志位，boolean类型，表示正在加载XML文件
    loaded: 标志位，boolean类型，表示XML文件已将加载完毕
    errorText: 错误描述
    WebFXTree中的所有属性

    方法：
    reload():重新加载XML文件
    WebFXTree中的所有方法
    -----------------------------------------------------------------------
    WebFXLoadTreeItem:

    构造函数：
    new WebFXLoadTreeItem(sText, sXmlSrc, sAction, eParent, sIcon, sOpenIcon)
    参数：
    eParent:可选，该结点要加入到的结点的Reference

    属性：
    src: XML源文件
    loading: 标志位，boolean类型，表示正在加载XML文件
    loaded: 标志位，boolean类型，表示XML文件已将加载完毕
    errorText: 错误描述
    WebFXTree中的所有属性

    方法：
    reload():重新加载XML文件
    WebFXTreeItem中的所有方法

    XML文件的格式：

xml 代码

<!ELEMENT tree (tree*)>
<!ATTLIST tree
text CDATA #REQUIRED
src CDATA #IMPLIED
action CDATA #IMPLIED
icon CDATA #IMPLIED
openIcon CDATA #IMPLIED>

XML文件的例子：

xml 代码

<tree>
<tree text="Loaded Item 1" action="href://webfx.eae.net" />
<tree text="Loaded Item 2">
<tree text="Loaded Item 2.1" action="javascript:alert(2.1)" />
</tree>
<tree text="Load "tree1.xml"" src="tree1.xml" />
</tree>

分享到：

需求分析学习笔记 | SVN提交之后没反应的问题

2007-08-09 13:30
浏览 7214
评论(4)
论坛回复 / 浏览 (2 / 16435)
查看更多

4 楼 jackzhangyunjie 2008-04-02

请问一下，在XTree下怎么把默认的根节点给隐藏起来，只显示它下面的所有子节点树．

3 楼 javajavabeijing 2008-01-02

[*]

[url][/url][flash=200,200][/flash]

name 写道

[u][/u][i][/i][b][/b]

2 楼 javajavabeijing 2008-01-02

[list]

[*][list]

[*][*][list]

[*][*][*][list]

[*][*][*][*][*][b][/b]

name 写道

oooo

[*][*][*][/list]

[*][*][/list]

[*][/list]

[/list]

1 楼 anodon 2007-08-22

在 WebFXTreeAbstractNode 的全部收起是collapseAll()方法而不是
callapseAll()别写错了

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论