道非道 非常道

勤思、谨言、慎行、厚积、薄发

统计

web

天圆

经济 政治 军事

键康

WebFx的 XTree 基本应用

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











posted on 2009-07-03 11:24 星期五 阅读(2774) 评论(0)  编辑  收藏 所属分类: WEB FX


只有注册用户登录后才能发表评论。


网站导航: