TreePanel的各項屬性

下面蒐集了EXT樹的常用配置,供開發時查閱使用,有不完善的地方歡迎網友補充

1. Ext.tree.TreePanel

主要配置項:
root:樹的根節點。
rootVisible:是否顯示根節點,默認爲true。
useArrows:是否在樹中使用Vista樣式箭頭,默認爲false。
lines:是否顯示樹線,默認爲true。
loader:樹節點的加載器,默認爲Ext.tree.TreeLoader。
selModel:樹的選擇模式,默認爲Ext.tree.DefaultSelectionModel。
pathSeparator:樹節點路徑的分隔符,默認爲“/”。
singleExpand:是否一次只展開樹中的一個節點,默認爲true。
requestMethod:請求方法,可選值有POST、GET。
containerScroll:是否將樹形面板註冊到滾動管理器ScrollManager中。
autoScroll:當內容超過預設的高度時自動出現滾動條。
draggable:是否允許拖曳。
enableDD:設置樹的節點是否可以拖動。

 

主要方法:
collapseAll():收縮所有樹節點
expandAll():展開所有樹節點
getRootNode():獲取根節點
getNodeById(String id):獲取指定id的節點
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():

2. Ext.data.Node

 

主要配置項:
id:節點id
leaf:當前節點是否爲葉子節點


主要屬性:
id:節點id
attributes:節點屬性的集合
parentNode:當前節點的父節點
childNodes:當前節點所有子節點組成的數組
firstChild:當前節點的第一個直接子節點,如果沒有則爲null值
lastChild:當前節點的最後一個直接子節點,如果沒有則爲null值
nextSibling:當前節點的下一個兄弟節點,如果沒有則爲null值
previousSibling:當前節點的前一個兄弟節點,如果沒有則爲null值


主要方法:
appendChild( Node/Array node ):追加新的子節點
bubble( Function fn, [Object scope], [Array args] ):從當前節點開始向上迭代調用指定函數,如果指定函數返回false則將終止迭代。
args:傳入函數中的參數,默認爲當前節點
cascade( Function fn, [Object scope], [Array args] ):從當前節點開始向下迭代調用指定函數,如果指定函數返回false則將終止迭代。
contains( Node node ):當前節點是否包含指定子節點。
eachChild( Function fn, [Object scope], [Array args] ):迭代當前節點的所有子節點調用指定函數,如果指定函數返回false則將終止迭代。
findChild( String attribute, Mixed value ):查找具有指定屬性的第一個子節點。
findChildBy( Function fn, [Object scope] ):根據自定義函數查找第一個符合要求的子節點,如果自定義函數返回true則說明匹配成功。
getDepth():取得當前節點的深度,根節點的深度爲0
getOwnerTree():取得當前節點所在樹。
getPath( [String attr] ):取得當前節點對應的路徑,這個路徑在程序中可用於展開或者選擇節點。
attr:用於查找路徑的屬性,默認爲節點id
hasChildNodes():是否有子節點
indexOf( Node node ):取得指定子節點的索引值,未找到返回-1。
insertBefore( Node node, Node refNode ):在當前節點的指定子節點之前插入一個新的子節點。
node:要插入的新節點
isAncestor( Node node ):判斷指定節點是否爲當前節點的父節點(可以是任何一級中的父節點)。
isFirst():是否爲父節點的第一個子節點。
isLast():是否爲父節點的最後一個子節點。
isLeaf():是否爲葉子節點。
item( Number index ):取得指定索引的子節點。
remove():從父節點中刪除當前節點。
removeChild( Node node ):刪除當前節點的指定子節點。
replaceChild( Node newChild, Node oldChild ):用新的子節點替換當前節點的指定子節點。
sort( Function fn, [Object scope] ):用指定的排序函數爲當前節點的子節點進行排序。

 

3、Ext.tree.TreeNode

主要配置項:


text:節點上的文本信息
qtip:節點上的提示信息
icon:節點圖標對應的路徑
iconCls:應用到節點圖標上的樣式
checked:當前節點的選擇狀態
true:在節點前顯示一個選中狀態的複選框
false:在節點前顯示一個未選中狀態的複選框
不指定該值:不顯示任何複選框
href:節點的連接屬性,默認爲#
hrefTarget:顯示節點連接的目標框架
editable:是否允許編輯,默認爲true
expanded:是否展開節點,默認爲false
disabled:是否禁用節點,默認爲false
singleClickExpand:是否通過單擊方式展開節點
allowChildren:是否允許當前節點具有子節點,默認爲true
expandable:當不含子節點時,是否總顯示一個加減圖標,默認爲false
uiProvider:節點的UI類,默認爲Ext.tree.TreeNodeUI

主要屬性:
text:節點上的文本信息
disabled:當前節點是否被禁用


主要方法:
collapse( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):收縮當前節點
deep:是否級聯收縮全部子節點
collapseChildNodes( [Boolean deep] ):收縮所有子節點
disable():禁用當前節點
enable():啓用當前節點
ensureVisible( [Function callback], [Object scope] ):確保所有父節點都是展開的
expand( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):展開當前節點
expandChildNodes( [Boolean deep] ):展開所有子節點
isExpanded():當前節點是否展開
isSelected():當前節點是否被選中
select():選擇當前節點
setText( String text ):設置當前的文本
toggle():切換當前節點的展開和收縮狀態
unselect():取消對當前節點的選擇
getUI():取得節點的UI對象

4、Ext.tree.AsyncTreeNode

主要配置項:
loader:當前節點的樹加載器,默認使用樹中配置的樹加載器
主要方法:
isLoaded():當前節點是否已經加載數據
reload( Function callback, [Object scope] ):重新加載節點數據,並調用回調函數

5.Ext.tree.TreeLoader

提供了對子節點的延時加載功能,請求指定的URL地址,返回子節點數據,返回的數據格式如下:
[
{
id: 1,
text: "node1",
leaf: true,
check: false
},
{
id: 2,
text: "node2",
children: [
{
id: 3,
text: "node3",
leaf: true
}
]
}
]
樹節點展開時,當前節點的id會作爲請求參數被髮送到服務器,在服務器可以通過node參數名進行獲取。


主要配置項:
dataUrl:獲取子節點的URL地址。
baseAttrs:子節點的基本屬性對象,該對象中的屬性將被添加到樹加載器創建的所有子節點上。優先服務器返回的同名屬性值。
baseParams:基本的請求參數,這些參數會被附加到每一個節點的請求中
clearOnLoad:在加載前是否移除已存在的子節點,默認爲true。
preloadChildren:在第一次加載子節點後是否遞歸加載所有子節點。
requestMethod:請求方法,可選值有POST、GET。
uiProviders:加載器創建子節點的UI實現類。
url:與dataUrl作用相同。


主要方法:
load( Ext.tree.TreeNode node, Function callback, (Object) scope ):從指定的URL加載樹節點。
node:需要加載子節點的樹節點。

 

6. Ext.tree.MultiSelectionModel

是TreePanel的多選擇模式,該模式一次可以選擇樹中的多個節點。
主要方法:
clearSelections():清除所有節點的選中狀態
getSelectedNodes():取得被選節點組成的數組
isSelected( TreeNode node ):節點是否被選中
select( TreeNode node, [EventObject e], Boolean keepExisting ):選中指定節點
unselect( TreeNode node ):取消指定節點的選中狀態

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章