xTree学习详解编程语言

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],,[openIcon]);

    参数:
     text:
     action:
     behavior:
     icon:
     openIcon:
    属性:
     rendered 标志位,boolean类型,用于标记该树是否已经生成和显示。
     WebFXTreeAbstractNode的所有属性
     方法:
     getSelected():返回一个Reference,被选中的那个对象的Reference。
     setBehavior(sBehavior): classic,explorer;
     getBehavior():
     WebFXTreeAbstractNode的所有方法
     WebFXTreeItem:
     构造函数:
     new WebFXTreeItem([text],[action],[parent],,[openIcon]);
    属性:
     WebFXTreeAbstractNode的所有属性
    方法:
     getFirst():返回第一个子结点的Reference
     getLast():返回最后一个子结点的Reference

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/14272.html

(0)
上一篇 2021年7月19日 16:44
下一篇 2021年7月19日 16:44

相关推荐

发表回复

登录后才能评论