日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

Extjs tree的相關(guān)組件及屬性

 旭龍 2013-01-27
Ext.tree.TreePanel

主要配置項(xiàng):
root:樹的根節(jié)點(diǎn)。
rootVisible:是否顯示根節(jié)點(diǎn),默認(rèn)為true。
useArrows:是否在樹中使用Vista樣式箭頭,默認(rèn)為false。
lines:是否顯示樹線,默認(rèn)為true。
loader:樹節(jié)點(diǎn)的加載器,默認(rèn)為Ext.tree.TreeLoader。
selModel:樹的選擇模式,默認(rèn)為Ext.tree.DefaultSelectionModel。
pathSeparator:樹節(jié)點(diǎn)路徑的分隔符,默認(rèn)為“/”。
singleExpand:是否一次只展開樹中的一個(gè)節(jié)點(diǎn),默認(rèn)為true。
requestMethod:請(qǐng)求方法,可選值有POST、GET。
containerScroll:是否將樹形面板注冊(cè)到滾動(dòng)管理器ScrollManager中。

主要方法:
collapseAll():收縮所有樹節(jié)點(diǎn)
expandAll():展開所有樹節(jié)點(diǎn)
getRootNode():獲取根節(jié)點(diǎn)
getNodeById(String id):獲取指定id的節(jié)點(diǎn)
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
主要配置項(xiàng):
id:節(jié)點(diǎn)id
leaf:當(dāng)前節(jié)點(diǎn)是否為葉子節(jié)點(diǎn)
主要屬性:
id:節(jié)點(diǎn)id
attributes:節(jié)點(diǎn)屬性的集合
parentNode:當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)
childNodes:當(dāng)前節(jié)點(diǎn)所有子節(jié)點(diǎn)組成的數(shù)組
firstChild:當(dāng)前節(jié)點(diǎn)的第一個(gè)直接子節(jié)點(diǎn),如果沒有則為null值
lastChild:當(dāng)前節(jié)點(diǎn)的最后一個(gè)直接子節(jié)點(diǎn),如果沒有則為null值
nextSibling:當(dāng)前節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn),如果沒有則為null值
previousSibling:當(dāng)前節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn),如果沒有則為null值

主要方法:
appendChild( Node/Array node ):追加新的子節(jié)點(diǎn)
bubble( Function fn, [Object scope], [Array args] ):從當(dāng)前節(jié)點(diǎn)開始向上迭代調(diào)用指定函數(shù),如果指定函數(shù)返回false則將終止迭代。
args:傳入函數(shù)中的參數(shù),默認(rèn)為當(dāng)前節(jié)點(diǎn)
cascade( Function fn, [Object scope], [Array args] ):從當(dāng)前節(jié)點(diǎn)開始向下迭代調(diào)用指定函數(shù),如果指定函數(shù)返回false則將終止迭代。
contains( Node node ):當(dāng)前節(jié)點(diǎn)是否包含指定子節(jié)點(diǎn)。
eachChild( Function fn, [Object scope], [Array args] ):迭代當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)調(diào)用指定函數(shù),如果指定函數(shù)返回false則將終止迭代。
findChild( String attribute, Mixed value ):查找具有指定屬性的第一個(gè)子節(jié)點(diǎn)。
findChildBy( Function fn, [Object scope] ):根據(jù)自定義函數(shù)查找第一個(gè)符合要求的子節(jié)點(diǎn),如果自定義函數(shù)返回true則說明匹配成功。
getDepth():取得當(dāng)前節(jié)點(diǎn)的深度,根節(jié)點(diǎn)的深度為0
getOwnerTree():取得當(dāng)前節(jié)點(diǎn)所在樹。
getPath( [String attr] ):取得當(dāng)前節(jié)點(diǎn)對(duì)應(yīng)的路徑,這個(gè)路徑在程序中可用于展開或者選擇節(jié)點(diǎn)。
attr:用于查找路徑的屬性,默認(rèn)為節(jié)點(diǎn)id
hasChildNodes():是否有子節(jié)點(diǎn)
indexOf( Node node ):取得指定子節(jié)點(diǎn)的索引值,未找到返回-1。
insertBefore( Node node, Node refNode ):在當(dāng)前節(jié)點(diǎn)的指定子節(jié)點(diǎn)之前插入一個(gè)新的子節(jié)點(diǎn)。
node:要插入的新節(jié)點(diǎn)

isAncestor( Node node ):判斷指定節(jié)點(diǎn)是否為當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)(可以是任何一級(jí)中的父節(jié)點(diǎn))。
isFirst():是否為父節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)。
isLast():是否為父節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)。
isLeaf():是否為葉子節(jié)點(diǎn)。
item( Number index ):取得指定索引的子節(jié)點(diǎn)。
remove():從父節(jié)點(diǎn)中刪除當(dāng)前節(jié)點(diǎn)。
removeChild( Node node ):刪除當(dāng)前節(jié)點(diǎn)的指定子節(jié)點(diǎn)。
replaceChild( Node newChild, Node oldChild ):用新的子節(jié)點(diǎn)替換當(dāng)前節(jié)點(diǎn)的指定子節(jié)點(diǎn)。
sort( Function fn, [Object scope] ):用指定的排序函數(shù)為當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)進(jìn)行排序。

Ext.tree.TreeNode
主要配置項(xiàng):
text:節(jié)點(diǎn)上的文本信息
qtip:節(jié)點(diǎn)上的提示信息
icon:節(jié)點(diǎn)圖標(biāo)對(duì)應(yīng)的路徑
iconCls:應(yīng)用到節(jié)點(diǎn)圖標(biāo)上的樣式
checked:當(dāng)前節(jié)點(diǎn)的選擇狀態(tài)
true:在節(jié)點(diǎn)前顯示一個(gè)選中狀態(tài)的復(fù)選框
false:在節(jié)點(diǎn)前顯示一個(gè)未選中狀態(tài)的復(fù)選框
不指定該值:不顯示任何復(fù)選框
href:節(jié)點(diǎn)的連接屬性,默認(rèn)為#
hrefTarget:顯示節(jié)點(diǎn)連接的目標(biāo)框架
editable:是否允許編輯,默認(rèn)為true
expanded:是否展開節(jié)點(diǎn),默認(rèn)為false
disabled:是否禁用節(jié)點(diǎn),默認(rèn)為false
singleClickExpand:是否通過單擊方式展開節(jié)點(diǎn)
allowChildren:是否允許當(dāng)前節(jié)點(diǎn)具有子節(jié)點(diǎn),默認(rèn)為true
expandable:當(dāng)不含子節(jié)點(diǎn)時(shí),是否總顯示一個(gè)加減圖標(biāo),默認(rèn)為false
uiProvider:節(jié)點(diǎn)的UI類,默認(rèn)為Ext.tree.TreeNodeUI

主要屬性:
text:節(jié)點(diǎn)上的文本信息
disabled:當(dāng)前節(jié)點(diǎn)是否被禁用

主要方法:
collapse( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):收縮當(dāng)前節(jié)點(diǎn)
deep:是否級(jí)聯(lián)收縮全部子節(jié)點(diǎn)
collapseChildNodes( [Boolean deep] ):收縮所有子節(jié)點(diǎn)
disable():禁用當(dāng)前節(jié)點(diǎn)
enable():啟用當(dāng)前節(jié)點(diǎn)
ensureVisible( [Function callback], [Object scope] ):確保所有父節(jié)點(diǎn)都是展開的
expand( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):展開當(dāng)前節(jié)點(diǎn)
expandChildNodes( [Boolean deep] ):展開所有子節(jié)點(diǎn)
isExpanded():當(dāng)前節(jié)點(diǎn)是否展開
isSelected():當(dāng)前節(jié)點(diǎn)是否被選中
select():選擇當(dāng)前節(jié)點(diǎn)
setText( String text ):設(shè)置當(dāng)前的文本
toggle():切換當(dāng)前節(jié)點(diǎn)的展開和收縮狀態(tài)
unselect():取消對(duì)當(dāng)前節(jié)點(diǎn)的選擇
getUI():取得節(jié)點(diǎn)的UI對(duì)象

Ext.tree.AsyncTreeNode
主要配置項(xiàng):
loader:當(dāng)前節(jié)點(diǎn)的樹加載器,默認(rèn)使用樹中配置的樹加載器

主要方法:
isLoaded():當(dāng)前節(jié)點(diǎn)是否已經(jīng)加載數(shù)據(jù)
reload( Function callback, [Object scope] ):重新加載節(jié)點(diǎn)數(shù)據(jù),并調(diào)用回調(diào)函數(shù)

Ext.tree.TreeNodeUI
主要方法:
getAnchor():從節(jié)點(diǎn)的UI中獲取焦點(diǎn)的元素
getIconEl():獲取圖標(biāo)的元素
getTextEl():獲取文本節(jié)點(diǎn)
addClass( String/Array className ):
removeClass( String/Array className ):
hide():
show():
isChecked():取得節(jié)點(diǎn)的選擇狀態(tài),如果當(dāng)前節(jié)點(diǎn)沒有復(fù)選框則函數(shù)返回false
toggleCheck( Boolean (optional) ):設(shè)置節(jié)點(diǎn)復(fù)選框的選擇狀態(tài)


Ext.tree.DefaultSelectionModel
是TreePanel的默認(rèn)選擇模式,該模式一次只能選擇樹中的一個(gè)節(jié)點(diǎn)。

主要方法:
clearSelections():清除對(duì)樹中所有節(jié)點(diǎn)的選擇
getSelectedNode():取得當(dāng)前被選中的節(jié)點(diǎn)
isSelected( TreeNode node ):節(jié)點(diǎn)是否被選中
select( TreeNode node ):選中指定節(jié)點(diǎn)
unselect( TreeNode node ):取消指定節(jié)點(diǎn)的選中狀態(tài)
selectNext():選擇當(dāng)前被選節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)
selectPrevious():選擇當(dāng)前被選節(jié)點(diǎn)的上一個(gè)節(jié)點(diǎn)

Ext.tree.MultiSelectionModel
是TreePanel的多選擇模式,該模式一次可以選擇樹中的多個(gè)節(jié)點(diǎn)。

主要方法:
clearSelections():清除所有節(jié)點(diǎn)的選中狀態(tài)
getSelectedNodes():取得被選節(jié)點(diǎn)組成的數(shù)組
isSelected( TreeNode node ):節(jié)點(diǎn)是否被選中
select( TreeNode node, [EventObject e], Boolean keepExisting ):選中指定節(jié)點(diǎn)
unselect( TreeNode node ):取消指定節(jié)點(diǎn)的選中狀態(tài)


Ext.tree.TreeLoader
提供了對(duì)子節(jié)點(diǎn)的延時(shí)加載功能,請(qǐng)求指定的URL地址,返回子節(jié)點(diǎn)數(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é)點(diǎn)展開時(shí),當(dāng)前節(jié)點(diǎn)的id會(huì)作為請(qǐng)求參數(shù)被發(fā)送到服務(wù)器,在服務(wù)器可以通過node參數(shù)名進(jìn)行獲取。



主要配置項(xiàng):
dataUrl:獲取子節(jié)點(diǎn)的URL地址。
baseAttrs:子節(jié)點(diǎn)的基本屬性對(duì)象,該對(duì)象中的屬性將被添加到樹加載器創(chuàng)建的所有子節(jié)點(diǎn)上。優(yōu)先服務(wù)器返回的同名屬性值。
baseParams:基本的請(qǐng)求參數(shù),這些參數(shù)會(huì)被附加到每一個(gè)節(jié)點(diǎn)的請(qǐng)求中。
clearOnLoad:在加載前是否移除已存在的子節(jié)點(diǎn),默認(rèn)為true。
preloadChildren:在第一次加載子節(jié)點(diǎn)后是否遞歸加載所有子節(jié)點(diǎn)。
requestMethod:請(qǐng)求方法,可選值有POST、GET。
uiProviders:加載器創(chuàng)建子節(jié)點(diǎn)的UI實(shí)現(xiàn)類。
url:與dataUrl作用相同。



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


Ext.tree.TreeEditor
主要配置項(xiàng):
alignment:對(duì)齊方式。
editDelay:兩次點(diǎn)擊節(jié)點(diǎn)觸發(fā)編輯操作的延時(shí)時(shí)間,默認(rèn)為350毫秒。
hideEl:在顯示編輯器組件時(shí)是否隱藏綁定元素。
maxWidth:編輯器的最大寬度,默認(rèn)為250。


Ext.tree.TreeSorter
主要配置項(xiàng):
property:用于排序的節(jié)點(diǎn)屬性名,默認(rèn)為text。
dir:排序方向,可選值有asc、desc,默認(rèn)為asc。
caseSensitive:是否區(qū)分大小寫,默認(rèn)為false。
folderSort:葉節(jié)點(diǎn)是否排在非葉節(jié)點(diǎn)之下,默認(rèn)為false。
leafAttr:葉子節(jié)點(diǎn)在folder排序時(shí)的值,默認(rèn)為leaf。
sortType:一個(gè)自定義函數(shù)用于在排序前轉(zhuǎn)換節(jié)點(diǎn)值。

轉(zhuǎn)載請(qǐng)注明:轉(zhuǎn)載自漱風(fēng)齋[ http:/// ]

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多