Ext.tree.TreePanel
主要配置項: root:樹的根節(jié)點,。 rootVisible:是否顯示根節(jié)點,,默認為true,。 useArrows:是否在樹中使用Vista樣式箭頭,,默認為false,。 lines:是否顯示樹線,默認為true,。 loader:樹節(jié)點的加載器,,默認為Ext.tree.TreeLoader。 selModel:樹的選擇模式,,默認為Ext.tree.DefaultSelectionModel,。 pathSeparator:樹節(jié)點路徑的分隔符,默認為“/”,。 singleExpand:是否一次只展開樹中的一個節(jié)點,,默認為true。 requestMethod:請求方法,,可選值有POST,、GET。 containerScroll:是否將樹形面板注冊到滾動管理器ScrollManager中,。 主要方法: collapseAll():收縮所有樹節(jié)點 expandAll():展開所有樹節(jié)點 getRootNode():獲取根節(jié)點 getNodeById(String id):獲取指定id的節(jié)點 expand( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ) expandPath( String path, [String attr], [Function callback] ) getChecked( [String attribute], [TreeNode startNode] ) selectPath( String path, [String attr], [Function callback] ) getSelectionModel(): Ext.data.Node 主要配置項: id:節(jié)點id leaf:當前節(jié)點是否為葉子節(jié)點 主要屬性: id:節(jié)點id attributes:節(jié)點屬性的集合 parentNode:當前節(jié)點的父節(jié)點 childNodes:當前節(jié)點所有子節(jié)點組成的數(shù)組 firstChild:當前節(jié)點的第一個直接子節(jié)點,,如果沒有則為null值 lastChild:當前節(jié)點的最后一個直接子節(jié)點,如果沒有則為null值 nextSibling:當前節(jié)點的下一個兄弟節(jié)點,,如果沒有則為null值 previousSibling:當前節(jié)點的前一個兄弟節(jié)點,,如果沒有則為null值 主要方法: appendChild( Node/Array node ):追加新的子節(jié)點 bubble( Function fn, [Object scope], [Array args] ):從當前節(jié)點開始向上迭代調(diào)用指定函數(shù),如果指定函數(shù)返回false則將終止迭代,。 args:傳入函數(shù)中的參數(shù),,默認為當前節(jié)點 cascade( Function fn, [Object scope], [Array args] ):從當前節(jié)點開始向下迭代調(diào)用指定函數(shù),如果指定函數(shù)返回false則將終止迭代,。 contains( Node node ):當前節(jié)點是否包含指定子節(jié)點,。 eachChild( Function fn, [Object scope], [Array args] ):迭代當前節(jié)點的所有子節(jié)點調(diào)用指定函數(shù),如果指定函數(shù)返回false則將終止迭代,。 findChild( String attribute, Mixed value ):查找具有指定屬性的第一個子節(jié)點,。 findChildBy( Function fn, [Object scope] ):根據(jù)自定義函數(shù)查找第一個符合要求的子節(jié)點,如果自定義函數(shù)返回true則說明匹配成功,。 getDepth():取得當前節(jié)點的深度,,根節(jié)點的深度為0 getOwnerTree():取得當前節(jié)點所在樹。 getPath( [String attr] ):取得當前節(jié)點對應(yīng)的路徑,,這個路徑在程序中可用于展開或者選擇節(jié)點,。 attr:用于查找路徑的屬性,默認為節(jié)點id hasChildNodes():是否有子節(jié)點 indexOf( Node node ):取得指定子節(jié)點的索引值,,未找到返回-1,。 insertBefore( Node node, Node refNode ):在當前節(jié)點的指定子節(jié)點之前插入一個新的子節(jié)點。 node:要插入的新節(jié)點 isAncestor( Node node ):判斷指定節(jié)點是否為當前節(jié)點的父節(jié)點(可以是任何一級中的父節(jié)點),。 isFirst():是否為父節(jié)點的第一個子節(jié)點,。 isLast():是否為父節(jié)點的最后一個子節(jié)點,。 isLeaf():是否為葉子節(jié)點。 item( Number index ):取得指定索引的子節(jié)點,。 remove():從父節(jié)點中刪除當前節(jié)點,。 removeChild( Node node ):刪除當前節(jié)點的指定子節(jié)點。 replaceChild( Node newChild, Node oldChild ):用新的子節(jié)點替換當前節(jié)點的指定子節(jié)點,。 sort( Function fn, [Object scope] ):用指定的排序函數(shù)為當前節(jié)點的子節(jié)點進行排序,。 Ext.tree.TreeNode 主要配置項: text:節(jié)點上的文本信息 qtip:節(jié)點上的提示信息 icon:節(jié)點圖標對應(yīng)的路徑 iconCls:應(yīng)用到節(jié)點圖標上的樣式 checked:當前節(jié)點的選擇狀態(tài) true:在節(jié)點前顯示一個選中狀態(tài)的復(fù)選框 false:在節(jié)點前顯示一個未選中狀態(tài)的復(fù)選框 不指定該值:不顯示任何復(fù)選框 href:節(jié)點的連接屬性,默認為# hrefTarget:顯示節(jié)點連接的目標框架 editable:是否允許編輯,,默認為true expanded:是否展開節(jié)點,,默認為false disabled:是否禁用節(jié)點,默認為false singleClickExpand:是否通過單擊方式展開節(jié)點 allowChildren:是否允許當前節(jié)點具有子節(jié)點,,默認為true expandable:當不含子節(jié)點時,是否總顯示一個加減圖標,,默認為false uiProvider:節(jié)點的UI類,,默認為Ext.tree.TreeNodeUI 主要屬性: text:節(jié)點上的文本信息 disabled:當前節(jié)點是否被禁用 主要方法: collapse( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):收縮當前節(jié)點 deep:是否級聯(lián)收縮全部子節(jié)點 collapseChildNodes( [Boolean deep] ):收縮所有子節(jié)點 disable():禁用當前節(jié)點 enable():啟用當前節(jié)點 ensureVisible( [Function callback], [Object scope] ):確保所有父節(jié)點都是展開的 expand( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):展開當前節(jié)點 expandChildNodes( [Boolean deep] ):展開所有子節(jié)點 isExpanded():當前節(jié)點是否展開 isSelected():當前節(jié)點是否被選中 select():選擇當前節(jié)點 setText( String text ):設(shè)置當前的文本 toggle():切換當前節(jié)點的展開和收縮狀態(tài) unselect():取消對當前節(jié)點的選擇 getUI():取得節(jié)點的UI對象 Ext.tree.AsyncTreeNode 主要配置項: loader:當前節(jié)點的樹加載器,默認使用樹中配置的樹加載器 主要方法: isLoaded():當前節(jié)點是否已經(jīng)加載數(shù)據(jù) reload( Function callback, [Object scope] ):重新加載節(jié)點數(shù)據(jù),,并調(diào)用回調(diào)函數(shù) Ext.tree.TreeNodeUI 主要方法: getAnchor():從節(jié)點的UI中獲取焦點的元素 getIconEl():獲取圖標的元素 getTextEl():獲取文本節(jié)點 addClass( String/Array className ): removeClass( String/Array className ): hide(): show(): isChecked():取得節(jié)點的選擇狀態(tài),,如果當前節(jié)點沒有復(fù)選框則函數(shù)返回false toggleCheck( Boolean (optional) ):設(shè)置節(jié)點復(fù)選框的選擇狀態(tài) Ext.tree.DefaultSelectionModel 是TreePanel的默認選擇模式,該模式一次只能選擇樹中的一個節(jié)點,。 主要方法: clearSelections():清除對樹中所有節(jié)點的選擇 getSelectedNode():取得當前被選中的節(jié)點 isSelected( TreeNode node ):節(jié)點是否被選中 select( TreeNode node ):選中指定節(jié)點 unselect( TreeNode node ):取消指定節(jié)點的選中狀態(tài) selectNext():選擇當前被選節(jié)點的下一個節(jié)點 selectPrevious():選擇當前被選節(jié)點的上一個節(jié)點 Ext.tree.MultiSelectionModel 是TreePanel的多選擇模式,,該模式一次可以選擇樹中的多個節(jié)點。 主要方法: clearSelections():清除所有節(jié)點的選中狀態(tài) getSelectedNodes():取得被選節(jié)點組成的數(shù)組 isSelected( TreeNode node ):節(jié)點是否被選中 select( TreeNode node, [EventObject e], Boolean keepExisting ):選中指定節(jié)點 unselect( TreeNode node ):取消指定節(jié)點的選中狀態(tài) Ext.tree.TreeLoader 提供了對子節(jié)點的延時加載功能,,請求指定的URL地址,,返回子節(jié)點數(shù)據(jù),返回的數(shù)據(jù)格式如下: [ { id: 1, text: "node1", leaf: true, check: false }, { id: 2, text: "node2", children: [ { id: 3, text: "node3", leaf: true } ] } ] [ { id: 1, text: "node1", leaf: true, check: false }, { id: 2, text: "node2", children: [ { id: 3, text: "node3", leaf: true } ] }] 樹節(jié)點展開時,,當前節(jié)點的id會作為請求參數(shù)被發(fā)送到服務(wù)器,,在服務(wù)器可以通過node參數(shù)名進行獲取。 主要配置項: dataUrl:獲取子節(jié)點的URL地址,。 baseAttrs:子節(jié)點的基本屬性對象,,該對象中的屬性將被添加到樹加載器創(chuàng)建的所有子節(jié)點上。優(yōu)先服務(wù)器返回的同名屬性值,。 baseParams:基本的請求參數(shù),,這些參數(shù)會被附加到每一個節(jié)點的請求中。 clearOnLoad:在加載前是否移除已存在的子節(jié)點,,默認為true,。 preloadChildren:在第一次加載子節(jié)點后是否遞歸加載所有子節(jié)點。 requestMethod:請求方法,,可選值有POST,、GET,。 uiProviders:加載器創(chuàng)建子節(jié)點的UI實現(xiàn)類。 url:與dataUrl作用相同,。 主要方法: load( Ext.tree.TreeNode node, Function callback, (Object) scope ):從指定的URL加載樹節(jié)點,。 node:需要加載子節(jié)點的樹節(jié)點。 Ext.tree.TreeEditor 主要配置項: alignment:對齊方式,。 editDelay:兩次點擊節(jié)點觸發(fā)編輯操作的延時時間,,默認為350毫秒。 hideEl:在顯示編輯器組件時是否隱藏綁定元素,。 maxWidth:編輯器的最大寬度,,默認為250。 Ext.tree.TreeSorter 主要配置項: property:用于排序的節(jié)點屬性名,,默認為text,。 dir:排序方向,可選值有asc,、desc,,默認為asc。 caseSensitive:是否區(qū)分大小寫,,默認為false,。 folderSort:葉節(jié)點是否排在非葉節(jié)點之下,默認為false,。 leafAttr:葉子節(jié)點在folder排序時的值,,默認為leaf。 sortType:一個自定義函數(shù)用于在排序前轉(zhuǎn)換節(jié)點值,。 |
|