Class Ext.tree.TreePanel

Package:	Ext.tree
Class:	TreePanel
Extends:	Tree
Defined In:	TreePanel.js

属性 - 方法 - 事件 - 设置选项

公共属性

属性		定义对象
	dragZone : Ext.tree.TreeDragZone	TreePanel
	The dragZone used by this tree if drag is enabled	TreePanel
	dropZone : Ext.tree.TreeDropZone	TreePanel
	The dropZone used by this tree if drop is enabled	TreePanel
	id : Object	TreePanel
	Read-only. The id of the container element becomes this TreePanel's id.	TreePanel
	root : Node	Tree
	The root node for this tree	Tree

公共方法

方法		定义对象
	TreePanel(`String/HTMLElement/Element el`, `Object config`)	TreePanel
		TreePanel
	addEvents(`Object object`) : void	Observable
	将对象中没有的事件从给出的对象中复制过来。	Observable
	addListener(`String eventName`, `Function handler`, [`Object scope`], [`Object options`]) : void	Observable
	为该组件加入事件处理器函数	Observable
	collapseAll() : void	TreePanel
	Collapse all nodes	TreePanel
	expandAll() : void	TreePanel
	Expand all nodes	TreePanel
	expandPath(`String path`, [`String attr`], [`Function callback`]) : void	TreePanel
	Expands a specified path in this TreePanel. A path can be retrieved from a node with Ext.data.Node.getPath	TreePanel
	fireEvent(`String eventName`, `Object... args`) : Boolean	Observable
	触发指定的事件, 并将参数传入（至少要有事件名称）。	Observable
	getEl() : void	TreePanel
	Returns the container element for this TreePanel	TreePanel
	getLoader() : void	TreePanel
	Returns the default TreeLoader for this TreePanel	TreePanel
	getNodeById(`String id`) : Node	Tree
	Gets a node in this tree by its id	Tree
	getRootNode() : Node	Tree
	Returns this root node for this tree	Tree
	getSelectionModel() : void	TreePanel
	Returns the selection model used by this TreePanel	TreePanel
	hasListener(`String eventName`) : Boolean	Observable
	检查该对象是否拥有指定事件的侦听器	Observable
	on(`String eventName`, `Function handler`, [`Object options`]) : void	Observable
	为该组件加入事件处理器函数, addListener 的简写方式	Observable
	purgeListeners() : void	Observable
	从对象身上移除所有的侦听器	Observable
	removeListener(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器	Observable
	render() : void	TreePanel
	Trigger rendering of this TreePanel	TreePanel
	selectPath(`String path`, [`String attr`], [`Function callback`]) : void	TreePanel
	Selects the node in this tree at the specified path. A path can be retrieved from a node with Ext.data.Node.getPath	TreePanel
	setRootNode(`Node node`) : Node	Tree
	Sets the root node for this tree	Tree
	un(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器, removeListener 的简写方式	Observable

公共事件

事件		定义对象
	append : (`Tree tree`, `Node parent`, `Node node`, `Number index`)	Tree
	Fires when a new child node is appended to a node in this tree.	Tree
	beforeappend : (`Tree tree`, `Node parent`, `Node node`)	Tree
	Fires before a new child is appended to a node in this tree, return false to cancel the append.	Tree
	beforechildrenrendered : (`Node node`)	TreePanel
	Fires right before the child nodes for a node are rendered	TreePanel
	beforeclick : (`Node node`, `Ext.EventObject e`)	TreePanel
	Fires before click processing on a node. Return false to cancel the default action.	TreePanel
	beforecollapse : (`Node node`, `Boolean deep`, `Boolean anim`)	TreePanel
	Fires before a node is collapsed, return false to cancel.	TreePanel
	beforeexpand : (`Node node`, `Boolean deep`, `Boolean anim`)	TreePanel
	Fires before a node is expanded, return false to cancel.	TreePanel
	beforeinsert : (`Tree tree`, `Node parent`, `Node node`, `Node refNode`)	Tree
	Fires before a new child is inserted in a node in this tree, return false to cancel the insert.	Tree
	beforeload : (`Node node`)	TreePanel
	Fires before a node is loaded, return false to cancel	TreePanel
	beforemove : (`Tree tree`, `Node node`, `Node oldParent`, `Node newParent`, `Number index`)	Tree
	Fires before a node is moved to a new location in the tree. Return false to cancel the move.	Tree
	beforenodedrop : (`Object dropEvent`)	TreePanel
	Fires when a DD object is dropped on a node in this tree for preprocessing. Return false to cancel the drop. The drop...	TreePanel
	beforeremove : (`Tree tree`, `Node parent`, `Node node`)	Tree
	Fires before a child is removed from a node in this tree, return false to cancel the remove.	Tree
	click : (`Node node`, `Ext.EventObject e`)	TreePanel
	Fires when a node is clicked	TreePanel
	collapse : (`Node node`)	TreePanel
	Fires when a node is collapsed	TreePanel
	contextmenu : (`Node node`, `Ext.EventObject e`)	TreePanel
	Fires when a node is right clicked	TreePanel
	dblclick : (`Node node`, `Ext.EventObject e`)	TreePanel
	Fires when a node is double clicked	TreePanel
	disabledchange : (`Node node`, `Boolean disabled`)	TreePanel
	Fires when the disabled status of a node changes	TreePanel
	dragdrop : (`Ext.tree.TreePanel this`, `Ext.tree.TreeNode node`, `DD dd`, `event e`)	TreePanel
	Fires when a dragged node is dropped on a valid DD target	TreePanel
	enddrag : (`Ext.tree.TreePanel this`, `Ext.tree.TreeNode node`, `event e`)	TreePanel
	Fires when a drag operation is complete	TreePanel
	expand : (`Node node`)	TreePanel
	Fires when a node is expanded	TreePanel
	insert : (`Tree tree`, `Node parent`, `Node node`, `Node refNode`)	Tree
	Fires when a new child node is inserted in a node in this tree.	Tree
	load : (`Node node`)	TreePanel
	Fires when a node is loaded	TreePanel
	move : (`Tree tree`, `Node node`, `Node oldParent`, `Node newParent`, `Number index`)	Tree
	Fires when a node is moved to a new location in the tree	Tree
	nodedragover : (`Object dragOverEvent`)	TreePanel
	Fires when a tree node is being targeted for a drag drop, return false to signal drop not allowed. The dragOverEvent ...	TreePanel
	nodedrop : (`Object dropEvent`)	TreePanel
	Fires after a DD object is dropped on a node in this tree. The dropEvent passed to handlers has the following propert...	TreePanel
	remove : (`Tree tree`, `Node parent`, `Node node`)	Tree
	Fires when a child node is removed from a node in this tree.	Tree
	startdrag : (`Ext.tree.TreePanel this`, `Ext.tree.TreeNode node`, `event e`)	TreePanel
	Fires when a node starts being dragged	TreePanel
	textchange : (`Node node`, `String text`, `String oldText`)	TreePanel
	Fires when the text for a node is changed	TreePanel

设置选项

设置选项		定义对象
	animate : Boolean	TreePanel
	true to enable animated expand/collapse	TreePanel
	containerScroll : Boolean	TreePanel
	true to register this container with ScrollManager	TreePanel
	ddAppendOnly : String	TreePanel
	True if the tree should only allow append drops (use for trees which are sorted)	TreePanel
	ddGroup : String	TreePanel
	The DD group this TreePanel belongs to	TreePanel
	ddScroll : Boolean	TreePanel
	true to enable YUI body scrolling	TreePanel
	dragConfig : Object	TreePanel
	Custom config to pass to the Ext.tree.TreeDragZone instance	TreePanel
	dropConfig : Object	TreePanel
	Custom config to pass to the Ext.tree.TreeDropZone instance	TreePanel
	enableDD : Boolean	TreePanel
	true to enable drag and drop	TreePanel
	enableDrag : Boolean	TreePanel
	true to enable just drag	TreePanel
	enableDrop : Boolean	TreePanel
	true to enable just drop	TreePanel
	hlColor : String	TreePanel
	The color of the node highlight (defaults to C3DAF9)	TreePanel
	hlDrop : Boolean	TreePanel
	false to disable node highlight on drop (defaults to true)	TreePanel
	lines : Boolean	TreePanel
	false to disable tree lines (defaults to true)	TreePanel
	loader : Boolean	TreePanel
	A TreeLoader for use with this TreePanel	TreePanel
	rootVisible : Boolean	TreePanel
	false to hide the root node (defaults to true)	TreePanel
	selModel : Boolean	TreePanel
	A tree selection model to use with this TreePanel (defaults to a Ext.tree.DefaultSelectionModel)	TreePanel
	singleExpand : Boolean	TreePanel
	true if only 1 node per branch may be expanded	TreePanel

属性详情

dragZone

public Ext.tree.TreeDragZone dragZone

The dragZone used by this tree if drag is enabled

This property is defined by TreePanel.

dropZone

public Ext.tree.TreeDropZone dropZone

The dropZone used by this tree if drop is enabled

This property is defined by TreePanel.

id

public Object id

Read-only. The id of the container element becomes this TreePanel's id.

This property is defined by TreePanel.

root

public Node root

The root node for this tree

This property is defined by Tree.

构造函数

TreePanel

public function TreePanel(String/HTMLElement/Element el, Object config)

参数：

el : String/HTMLElement/Element
The container element
config : Object

方法详情

addEvents

public function addEvents(Object object)

将对象中没有的事件从给出的对象中复制过来。给出的对象必须也继承于 Observable 对象此方法才会有效果。

参数：

object : Object
要复制事件的源对象

返回：

void

This method is defined by Observable.

addListener

public function addListener(String eventName, Function handler, [Object scope], [Object options])

为组件添加一个事件监听器

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
scope : Object
（可选）处理函数执行的作用域。处理函数 "this" 的内容。
options : Object
（可选）一个包含处理设置属性的对象。可以包含下列的属性：
- scope {Object} 处理函数执行的作用域。处理函数 "this" 的内容。
- delegate {String} 一个简单的选择器用来过滤目标或查找目标的子节点。
- stopEvent {Boolean} 值为 True 时用来中止事件。那样将中止传播，并防止缺省动作。
- preventDefault {Boolean} 值为 True 时用来防止缺省动作。
- stopPropagation {Boolean} 值为 True 时用来中止事件传播。
- normalized {Boolean} 值为 False 时向处理函数传递浏览器事件用以代替 Ext.EventObject 对象。
- delay {Number} 当事件触发后启用处理函数的延迟微秒数。
- single {Boolean} 值为 True 时将添加一个处理函数用来处理下个触发的事件，并在处理完后移除。
- buffer {Number} 使处理函数计划在由 Ext.util.DelayedTask 指定的微秒数后执行。如果事件在延迟期间再次触发，原来的处理函数将不再启动，而是由新的计划代替。
组合选项
使用选项参数可以组合不同类型的监听器：

下面是一个标准的、延迟执行的、一次性的监听器，将会自动停止事件并传递一个自定义的参数(forumId)
代码：
```
el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 });
```
这个方法也允许传递的单个参数是一个包含多个指定处理函数的设置对象。

一次调用多个处理函数
代码：
```
el.on({ 'click' : { fn: this.onClick scope: this, delay: 100 }, 'mouseover' : { fn: this.onMouseOver scope: this }, 'mouseout' : { fn: this.onMouseOut scope: this } });
```
或者简写为：
代码：
```
el.on({ 'click' : this.onClick, 'mouseover' : this.onMouseOver, 'mouseout' : this.onMouseOut scope: this });
```

返回：

void

This method is defined by Observable.

collapseAll

public function collapseAll()

Collapse all nodes

参数：

无。

返回：

void

This method is defined by TreePanel.

expandAll

public function expandAll()

Expand all nodes

参数：

无。

返回：

void

This method is defined by TreePanel.

expandPath

public function expandPath(String path, [String attr], [Function callback])

Expands a specified path in this TreePanel. A path can be retrieved from a node with Ext.data.Node.getPath

参数：

path : String
attr : String
（可选） The attribute used in the path (see Ext.data.Node.getPath for more info)
callback : Function
（可选） The callback to call when the expand is complete. The callback will be called with (bSuccess, oLastNode) where bSuccess is if the expand was successful and oLastNode is the last node that was expanded.

返回：

void

This method is defined by TreePanel.

fireEvent

public function fireEvent(String eventName, Object... args)

触发指定的事件并给出参数（至少要有事件名称）。

参数：

eventName : String
args : Object...
传入处理函数的参数

返回：

Boolean
如果任何处理函数返回 false 则返回值为 false, 否则返回 true。

This method is defined by Observable.

getEl

public function getEl()

Returns the container element for this TreePanel

参数：

无。

返回：

void

This method is defined by TreePanel.

getLoader

public function getLoader()

Returns the default TreeLoader for this TreePanel

参数：

无。

返回：

void

This method is defined by TreePanel.

getNodeById

public function getNodeById(String id)

Gets a node in this tree by its id

参数：

id : String

返回：

Node

This method is defined by Tree.

getRootNode

public function getRootNode()

Returns this root node for this tree

参数：

无。

返回：

Node

This method is defined by Tree.

getSelectionModel

public function getSelectionModel()

Returns the selection model used by this TreePanel

参数：

无。

返回：

void

This method is defined by TreePanel.

hasListener

public function hasListener(String eventName)

检查该对象是否拥有指定事件的侦听器

参数：

eventName : String
查询事件之名称

返回：

Boolean
值为 True 值表示事件监听器存在, 否则值为 false。

This method is defined by Observable.

on

public function on(String eventName, Function handler, [Object options])

为该组件加入事件处理器函数, addListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
options : Object
（可选）

返回：

void

This method is defined by Observable.

purgeListeners

public function purgeListeners()

从对象身上移除所有的侦听器

参数：

无。

返回：

void

This method is defined by Observable.

removeListener

public function removeListener(String eventName, Function handler, [Object scope])

移除侦听器

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

render

public function render()

Trigger rendering of this TreePanel

参数：

无。

返回：

void

This method is defined by TreePanel.

selectPath

public function selectPath(String path, [String attr], [Function callback])

Selects the node in this tree at the specified path. A path can be retrieved from a node with Ext.data.Node.getPath

参数：

path : String
attr : String
（可选） The attribute used in the path (see Ext.data.Node.getPath for more info)
callback : Function
（可选） The callback to call when the selection is complete. The callback will be called with (bSuccess, oSelNode) where bSuccess is if the selection was successful and oSelNode is the selected node.

返回：

void

This method is defined by TreePanel.

setRootNode

public function setRootNode(Node node)

Sets the root node for this tree

参数：

node : Node

返回：

Node

This method is defined by Tree.

un

public function un(String eventName, Function handler, [Object scope])

移除侦听器, removeListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

事件详情

append

public event append

Fires when a new child node is appended to a node in this tree.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
parent : Node
The parent node
node : Node
The newly appended node
index : Number
The index of the newly appended node

This event is defined by Tree.

beforeappend

public event beforeappend

Fires before a new child is appended to a node in this tree, return false to cancel the append.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
parent : Node
The parent node
node : Node
The child node to be appended

This event is defined by Tree.

beforechildrenrendered

public event beforechildrenrendered

Fires right before the child nodes for a node are rendered

Subscribers will be called with the following parameters:

node : Node
The node

This event is defined by TreePanel.

beforeclick

public event beforeclick

Fires before click processing on a node. Return false to cancel the default action.

Subscribers will be called with the following parameters:

node : Node
The node
e : Ext.EventObject
The event object

This event is defined by TreePanel.

beforecollapse

public event beforecollapse

Fires before a node is collapsed, return false to cancel.

Subscribers will be called with the following parameters:

node : Node
The node
deep : Boolean
anim : Boolean

This event is defined by TreePanel.

beforeexpand

public event beforeexpand

Fires before a node is expanded, return false to cancel.

Subscribers will be called with the following parameters:

node : Node
The node
deep : Boolean
anim : Boolean

This event is defined by TreePanel.

beforeinsert

public event beforeinsert

Fires before a new child is inserted in a node in this tree, return false to cancel the insert.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
parent : Node
The parent node
node : Node
The child node to be inserted
refNode : Node
The child node the node is being inserted before

This event is defined by Tree.

beforeload

public event beforeload

Fires before a node is loaded, return false to cancel

Subscribers will be called with the following parameters:

node : Node
The node being loaded

This event is defined by TreePanel.

beforemove

public event beforemove

Fires before a node is moved to a new location in the tree. Return false to cancel the move.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
node : Node
The node being moved
oldParent : Node
The parent of the node
newParent : Node
The new parent the node is moving to
index : Number
The index it is being moved to

This event is defined by Tree.

beforenodedrop

public event beforenodedrop

Fires when a DD object is dropped on a node in this tree for preprocessing. Return false to cancel the drop. The dropEvent passed to handlers has the following properties:

tree - The TreePanel
target - The node being targeted for the drop
data - The drag data from the drag source
point - The point of the drop - append, above or below
source - The drag source
rawEvent - Raw mouse event
dropNode - Drop node(s) provided by the source OR you can supply node(s) to be inserted by setting them on this object.
cancel - Set this to true to cancel the drop.

Subscribers will be called with the following parameters:

dropEvent : Object

This event is defined by TreePanel.

beforeremove

public event beforeremove

Fires before a child is removed from a node in this tree, return false to cancel the remove.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
parent : Node
The parent node
node : Node
The child node to be removed

This event is defined by Tree.

click

public event click

Fires when a node is clicked

Subscribers will be called with the following parameters:

node : Node
The node
e : Ext.EventObject
The event object

This event is defined by TreePanel.

collapse

public event collapse

Fires when a node is collapsed

Subscribers will be called with the following parameters:

node : Node
The node

This event is defined by TreePanel.

contextmenu

public event contextmenu

Fires when a node is right clicked

Subscribers will be called with the following parameters:

node : Node
The node
e : Ext.EventObject
The event object

This event is defined by TreePanel.

dblclick

public event dblclick

Fires when a node is double clicked

Subscribers will be called with the following parameters:

node : Node
The node
e : Ext.EventObject
The event object

This event is defined by TreePanel.

disabledchange

public event disabledchange

Fires when the disabled status of a node changes

Subscribers will be called with the following parameters:

node : Node
The node
disabled : Boolean

This event is defined by TreePanel.

dragdrop

public event dragdrop

Fires when a dragged node is dropped on a valid DD target

Subscribers will be called with the following parameters:

this : Ext.tree.TreePanel
node : Ext.tree.TreeNode
dd : DD
The dd it was dropped on
e : event
The raw browser event

This event is defined by TreePanel.

enddrag

public event enddrag

Fires when a drag operation is complete

Subscribers will be called with the following parameters:

this : Ext.tree.TreePanel
node : Ext.tree.TreeNode
e : event
The raw browser event

This event is defined by TreePanel.

expand

public event expand

Fires when a node is expanded

Subscribers will be called with the following parameters:

node : Node
The node

This event is defined by TreePanel.

insert

public event insert

Fires when a new child node is inserted in a node in this tree.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
parent : Node
The parent node
node : Node
The child node inserted
refNode : Node
The child node the node was inserted before

This event is defined by Tree.

load

public event load

Fires when a node is loaded

Subscribers will be called with the following parameters:

node : Node
The node that was loaded

This event is defined by TreePanel.

move

public event move

Fires when a node is moved to a new location in the tree

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
node : Node
The node moved
oldParent : Node
The old parent of this node
newParent : Node
The new parent of this node
index : Number
The index it was moved to

This event is defined by Tree.

nodedragover

public event nodedragover

Fires when a tree node is being targeted for a drag drop, return false to signal drop not allowed. The dragOverEvent passed to handlers has the following properties:

tree - The TreePanel
target - The node being targeted for the drop
data - The drag data from the drag source
point - The point of the drop - append, above or below
source - The drag source
rawEvent - Raw mouse event
dropNode - Drop node(s) provided by the source.
cancel - Set this to true to signal drop not allowed.

Subscribers will be called with the following parameters:

dragOverEvent : Object

This event is defined by TreePanel.

nodedrop

public event nodedrop

Fires after a DD object is dropped on a node in this tree. The dropEvent passed to handlers has the following properties:

tree - The TreePanel
target - The node being targeted for the drop
data - The drag data from the drag source
point - The point of the drop - append, above or below
source - The drag source
rawEvent - Raw mouse event
dropNode - Dropped node(s).

Subscribers will be called with the following parameters:

dropEvent : Object

This event is defined by TreePanel.

remove

public event remove

Fires when a child node is removed from a node in this tree.

Subscribers will be called with the following parameters:

tree : Tree
The owner tree
parent : Node
The parent node
node : Node
The child node removed

This event is defined by Tree.

startdrag

public event startdrag

Fires when a node starts being dragged

Subscribers will be called with the following parameters:

this : Ext.tree.TreePanel
node : Ext.tree.TreeNode
e : event
The raw browser event

This event is defined by TreePanel.

textchange

public event textchange

Fires when the text for a node is changed

Subscribers will be called with the following parameters:

node : Node
The node
text : String
The new text
oldText : String
The old text

This event is defined by TreePanel.

设置详情

animate

animate : Boolean

true to enable animated expand/collapse

This config option is defined by TreePanel.

containerScroll

containerScroll : Boolean

true to register this container with ScrollManager

This config option is defined by TreePanel.

ddAppendOnly

ddAppendOnly : String

True if the tree should only allow append drops (use for trees which are sorted)

This config option is defined by TreePanel.

ddGroup

ddGroup : String

The DD group this TreePanel belongs to

This config option is defined by TreePanel.

ddScroll

ddScroll : Boolean

true to enable YUI body scrolling

This config option is defined by TreePanel.

dragConfig

dragConfig : Object

Custom config to pass to the Ext.tree.TreeDragZone instance

This config option is defined by TreePanel.

dropConfig

dropConfig : Object

Custom config to pass to the Ext.tree.TreeDropZone instance

This config option is defined by TreePanel.

enableDD

enableDD : Boolean

true to enable drag and drop

This config option is defined by TreePanel.

enableDrag

enableDrag : Boolean

true to enable just drag

This config option is defined by TreePanel.

enableDrop

enableDrop : Boolean

true to enable just drop

This config option is defined by TreePanel.

hlColor

hlColor : String

The color of the node highlight (defaults to C3DAF9)

This config option is defined by TreePanel.

hlDrop

hlDrop : Boolean

false to disable node highlight on drop (defaults to true)

This config option is defined by TreePanel.

lines

lines : Boolean

false to disable tree lines (defaults to true)

This config option is defined by TreePanel.

loader

loader : Boolean

A TreeLoader for use with this TreePanel

This config option is defined by TreePanel.

rootVisible

rootVisible : Boolean

false to hide the root node (defaults to true)

This config option is defined by TreePanel.

selModel

selModel : Boolean

A tree selection model to use with this TreePanel (defaults to a Ext.tree.DefaultSelectionModel)

This config option is defined by TreePanel.

singleExpand

singleExpand : Boolean

true if only 1 node per branch may be expanded

This config option is defined by TreePanel.