道非道 非常道

          勤思、謹言、慎行、厚積、薄發

          導航

          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          公告

          在非洲,
          瞪羚每天早上醒來時,
          他知道自己必須跑的比最快的獅子還快,
          否則就會被吃掉。
          獅子每天早上醒來時,
          他知道自己必須追上跑的最慢的瞪羚,
          否則就會被餓死。
          不管你是獅子還是瞪羚,
          當太陽升起時,你最好開始奔跑。

          ----摘自<世界是平的>-托馬斯.弗里德曼



          隨筆分類(92)

          文章分類(58)

          收藏夾(11)

          隨筆檔案(106)

          文章檔案(66)

          統計

          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 星期五 閱讀(2814) 評論(0)  編輯  收藏 所屬分類: WEB FX

          主站蜘蛛池模板: 康定县| 红桥区| 若尔盖县| 确山县| 娄烦县| 雅安市| 怀来县| 革吉县| 胶州市| 光山县| 沾益县| 荃湾区| 衡南县| 高陵县| 陕西省| 锦屏县| 峨眉山市| 泽普县| 湖南省| 株洲县| 盘锦市| 苏尼特右旗| 增城市| 方正县| 泊头市| 册亨县| 绥滨县| 田东县| 鸡东县| 四川省| 外汇| 厦门市| 临澧县| 泸定县| 家居| 通道| 临城县| 开原市| 邵武市| 灵丘县| 阳城县|