1 <div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.tree.TreeNode-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.tree.TreeNode-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.tree.TreeNode-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.tree.TreeNode-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.tree.TreeNode"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a> <img src="resources/elbow-end.gif"><a href="output/Ext.data.Node.html" ext:member="" ext:cls="Ext.data.Node">Node</a> <img src="resources/elbow-end.gif">TreeNode</pre></div><h1>Class <a href="source/TreeNode.html#cls-Ext.tree.TreeNode">Ext.tree.TreeNode</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.tree</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">TreeNode.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/TreeNode.html#cls-Ext.tree.TreeNode">TreeNode</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.tree.AsyncTreeNode.html" ext:cls="Ext.tree.AsyncTreeNode">AsyncTreeNode</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.data.Node.html" ext:cls="Ext.data.Node" ext:member="">Node</a></td></tr><tr><td class="hd-info"></td></tr></table><div class="description"></div><div class="hr"></div><a id="Ext.tree.TreeNode-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-allowChildren"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowChildren">allowChildren</a></b> : Boolean<div class="mdesc">False to not allow this node to have child nodes (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-allowDrag"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowDrag">allowDrag</a></b> : Boolean<div class="mdesc">False to make this node undraggable if <a href="output/Ext.tree.TreeNode.html#Ext.tree.TreeNode-draggable" ext:member="draggable" ext:cls="Ext.tree.TreeNode">draggable</a> = true (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-allowDrop"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowDrop">allowDrop</a></b> : Boolean<div class="mdesc">False if this node cannot have child nodes dropped on it (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-checked"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-checked">checked</a></b> : Boolean<div class="mdesc"><div class="short">True to render a checked checkbox for this node, false to render an unchecked checkbox
\r
2 (defaults to undefined with n...</div><div class="long">True to render a checked checkbox for this node, false to render an unchecked checkbox
\r
3 (defaults to undefined with no checkbox rendered)</div></div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-cls"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-cls">cls</a></b> : String<div class="mdesc">A css class to be added to the node</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-disabled"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-disabled">disabled</a></b> : Boolean<div class="mdesc">true to start the node disabled</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-draggable"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-draggable">draggable</a></b> : Boolean<div class="mdesc">True to make this node draggable (defaults to false)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-editable"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-editable">editable</a></b> : Boolean<div class="mdesc">False to not allow this node to be edited by an (@link Ext.tree.TreeEditor} (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-expandable"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-expandable">expandable</a></b> : Boolean<div class="mdesc">If set to true, the node will always show a plus/minus icon, even when empty</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-expanded"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-expanded">expanded</a></b> : Boolean<div class="mdesc">true to start the node expanded</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-hidden"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-hidden">hidden</a></b> : Boolean<div class="mdesc">True to render hidden. (Defaults to false).</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-href"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-href">href</a></b> : String<div class="mdesc">URL of the link used for the node (defaults to #)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-hrefTarget"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-hrefTarget">hrefTarget</a></b> : String<div class="mdesc">target frame for the link</div></td><td class="msource">TreeNode</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-icon"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-icon">icon</a></b> : String<div class="mdesc"><div class="short">The path to an icon for the node. The preferred way to do this
\r
4 is to use the cls or iconCls attributes and add the i...</div><div class="long">The path to an icon for the node. The preferred way to do this
\r
5 is to use the cls or iconCls attributes and add the icon via a CSS background image.</div></div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-iconCls"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-iconCls">iconCls</a></b> : String<div class="mdesc">A css class to be added to the nodes icon element for applying css background images</div></td><td class="msource">TreeNode</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-id"></a><b><a href="source/Tree.html#cfg-Ext.data.Node-id">id</a></b> : String<div class="mdesc">The id for this node. If one is not specified, one is generated.</div></td><td class="msource"><a href="output/Ext.data.Node.html#id" ext:member="#id" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-isTarget"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-isTarget">isTarget</a></b> : Boolean<div class="mdesc">False to not allow this node to act as a drop target (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-leaf"></a><b><a href="source/Tree.html#cfg-Ext.data.Node-leaf">leaf</a></b> : Boolean<div class="mdesc">true if this node is a leaf and does not have children</div></td><td class="msource"><a href="output/Ext.data.Node.html#leaf" ext:member="#leaf" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-listeners"></a><b><a href="source/Observable.html#cfg-Ext.util.Observable-listeners">listeners</a></b> : Object<div class="mdesc"><div class="short">A config object containing one or more event handlers to be added to this
\r
6 object during initialization. This should ...</div><div class="long"><p>A config object containing one or more event handlers to be added to this
7 object during initialization. This should be a valid listeners config object as specified in the
8 <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> example for attaching multiple handlers at once.</p>
9 <br><p><b><u>DOM events from ExtJs <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></u></b></p>
10 <br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
11 is usually only done when extra value can be added. For example the <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>'s
12 <b><code><a href="output/Ext.DataView.html#Ext.DataView-click" ext:member="click" ext:cls="Ext.DataView">click</a></code></b> event passing the node clicked on. To access DOM
13 events directly from a Component's HTMLElement, listeners must be added to the <i><a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a></i> after the Component
14 has been rendered. A plugin can simplify this step:<pre><code><i>// Plugin is configured <b>with</b> a listeners config object.</i>
15 <i>// The Component is appended to the argument list of all handler functions.</i>
16 Ext.DomObserver = Ext.extend(Object, {
17 constructor: <b>function</b>(config) {
18 this.listeners = config.listeners ? config.listeners : config;
21 <i>// Component passes itself into plugin's init method</i>
22 init: <b>function</b>(c) {
23 <b>var</b> p, l = this.listeners;
24 <b>for</b> (p <b>in</b> l) {
25 <b>if</b> (Ext.isFunction(l[p])) {
26 l[p] = this.createHandler(l[p], c);
28 l[p].fn = this.createHandler(l[p].fn, c);
32 <i>// Add the listeners to the Element immediately following the render call</i>
33 c.render = c.render.<a href="output/Function.html#Function-createSequence" ext:member="createSequence" ext:cls="Function">createSequence</a>(<b>function</b>() {
34 <b>var</b> e = c.getEl();
41 createHandler: <b>function</b>(fn, c) {
42 <b>return</b> <b>function</b>(e) {
48 <b>var</b> combo = <b>new</b> Ext.form.ComboBox({
50 <i>// Collapse combo when its element is clicked on</i>
51 plugins: [ <b>new</b> Ext.DomObserver({
52 click: <b>function</b>(evt, comp) {
58 mode: <em>'local'</em>,
59 triggerAction: <em>'all'</em>
60 });</code></pre></p></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#listeners" ext:member="#listeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-qtip"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-qtip">qtip</a></b> : String<div class="mdesc">An Ext QuickTip for the node</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-qtipCfg"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-qtipCfg">qtipCfg</a></b> : String<div class="mdesc">An Ext QuickTip config for the node (used instead of qtip)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-singleClickExpand"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-singleClickExpand">singleClickExpand</a></b> : Boolean<div class="mdesc">True for single click expand on this node</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-text"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-text">text</a></b> : String<div class="mdesc">The text for this node</div></td><td class="msource">TreeNode</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-uiProvider"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-uiProvider">uiProvider</a></b> : Function<div class="mdesc">A UI <b>class</b> to use for this node (defaults to Ext.tree.TreeNodeUI)</div></td><td class="msource">TreeNode</td></tr></tbody></table><a id="Ext.tree.TreeNode-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-attributes"></a><b><a href="source/Tree.html#prop-Ext.data.Node-attributes">attributes</a></b> : Object<div class="mdesc">The attributes supplied for the node. You can use this property to access any custom attributes you supplied.</div></td><td class="msource"><a href="output/Ext.data.Node.html#attributes" ext:member="#attributes" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-childNodes"></a><b><a href="source/Tree.html#prop-Ext.data.Node-childNodes">childNodes</a></b> : Array<div class="mdesc">All child nodes of this node.</div></td><td class="msource"><a href="output/Ext.data.Node.html#childNodes" ext:member="#childNodes" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-disabled"></a><b><a href="source/TreeNode.html#prop-Ext.tree.TreeNode-disabled">disabled</a></b> : Boolean<div class="mdesc">True if this node is disabled.</div></td><td class="msource">TreeNode</td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-firstChild"></a><b><a href="source/Tree.html#prop-Ext.data.Node-firstChild">firstChild</a></b> : Node<div class="mdesc">The first direct child node of this node, or null if this node has no child nodes.</div></td><td class="msource"><a href="output/Ext.data.Node.html#firstChild" ext:member="#firstChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-hidden"></a><b><a href="source/TreeNode.html#prop-Ext.tree.TreeNode-hidden">hidden</a></b> : Boolean<div class="mdesc">True if this node is hidden.</div></td><td class="msource">TreeNode</td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-id"></a><b><a href="source/Tree.html#prop-Ext.data.Node-id">id</a></b> : String<div class="mdesc">The node id.</div></td><td class="msource"><a href="output/Ext.data.Node.html#id" ext:member="#id" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-lastChild"></a><b><a href="source/Tree.html#prop-Ext.data.Node-lastChild">lastChild</a></b> : Node<div class="mdesc">The last direct child node of this node, or null if this node has no child nodes.</div></td><td class="msource"><a href="output/Ext.data.Node.html#lastChild" ext:member="#lastChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-nextSibling"></a><b><a href="source/Tree.html#prop-Ext.data.Node-nextSibling">nextSibling</a></b> : Node<div class="mdesc">The node immediately following this node in the tree, or null if there is no sibling node.</div></td><td class="msource"><a href="output/Ext.data.Node.html#nextSibling" ext:member="#nextSibling" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-parentNode"></a><b><a href="source/Tree.html#prop-Ext.data.Node-parentNode">parentNode</a></b> : Node<div class="mdesc">The parent node for this node.</div></td><td class="msource"><a href="output/Ext.data.Node.html#parentNode" ext:member="#parentNode" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-previousSibling"></a><b><a href="source/Tree.html#prop-Ext.data.Node-previousSibling">previousSibling</a></b> : Node<div class="mdesc">The node immediately preceding this node in the tree, or null if there is no sibling node.</div></td><td class="msource"><a href="output/Ext.data.Node.html#previousSibling" ext:member="#previousSibling" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-text"></a><b><a href="source/TreeNode.html#prop-Ext.tree.TreeNode-text">text</a></b> : String<div class="mdesc">Read-only. The text for this node. To change it use <code><a href="output/Ext.tree.TreeNode.html#Ext.tree.TreeNode-setText" ext:member="setText" ext:cls="Ext.tree.TreeNode">setText</a></code>.</div></td><td class="msource">TreeNode</td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-ui"></a><b><a href="source/TreeNode.html#prop-Ext.tree.TreeNode-ui">ui</a></b> : TreeNodeUI<div class="mdesc">Read-only. The UI for this node</div></td><td class="msource">TreeNode</td></tr></tbody></table><a id="Ext.tree.TreeNode-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-TreeNode"></a><b><a href="source/TreeNode.html#cls-Ext.tree.TreeNode">TreeNode</a></b>( <code>Object/String attributes</code> )
\r
61 <div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>attributes</code> : Object/String<div class="sub-desc">The attributes/config for the node or just a string with the text for the node</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-addEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addEvents">addEvents</a></b>( <code>Object|String o</code>, <code>string Optional.</code> )
\r
63 void<div class="mdesc"><div class="short">Adds the specified events to the list of events which this Observable may fire.</div><div class="long">Adds the specified events to the list of events which this Observable may fire.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object|String<div class="sub-desc">Either an object with event names as properties with a value of <code>true</code>
64 or the first event name string if multiple event names are being passed as separate parameters.</div></li><li><code>Optional.</code> : string<div class="sub-desc">Event name if multiple event names are being passed as separate parameters.
65 Usage:<pre><code>this.addEvents(<em>'storeloaded'</em>, <em>'storecleared'</em>);</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addEvents" ext:member="#addEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-addListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addListener">addListener</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )
\r
67 void<div class="mdesc"><div class="short">Appends an event handler to this object.</div><div class="long">Appends an event handler to this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to listen for.</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
68 <b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.
69 properties. This may contain any of the following properties:<ul>
70 <li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
71 <b>If omitted, defaults to the object which fired the event.</b></div></li>
72 <li><b>delay</b> : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
73 <li><b>single</b> : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
74 <li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="output/Ext.util.DelayedTask.html" ext:cls="Ext.util.DelayedTask">Ext.util.DelayedTask</a> delayed
75 by the specified number of milliseconds. If the event fires again within that time, the original
76 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
77 <li><b>target</b> : Observable<div class="sub-desc">Only call the handler if the event was fired on the target Observable, <i>not</i>
78 if the event was bubbled up from a child Observable.</div></li>
81 <b>Combining Options</b><br>
82 Using the options argument, it is possible to combine different types of listeners:<br>
84 A delayed, one-time listener.
85 <pre><code>myDataView.on(<em>'click'</em>, this.onClick, this, {
90 <b>Attaching multiple handlers in 1 call</b><br>
91 The method also allows for a single argument to be passed which is a config object containing properties
92 which specify multiple handlers.
94 <pre><code>myGridPanel.on({
100 <em>'mouseover'</em> : {
101 fn: this.onMouseOver,
104 <em>'mouseout'</em> : {
110 Or a shorthand syntax:<br>
111 <pre><code>myGridPanel.on({
112 <em>'click'</em> : this.onClick,
113 <em>'mouseover'</em> : this.onMouseOver,
114 <em>'mouseout'</em> : this.onMouseOut,
116 });</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addListener" ext:member="#addListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-appendChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-appendChild">appendChild</a></b>( <code>Node/Array node</code> )
\r
118 Node<div class="mdesc"><div class="short">Insert node(s) as the last child node of this node.</div><div class="long">Insert node(s) as the last child node of this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node/Array<div class="sub-desc">The node or Array of nodes to append</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The appended node if single append, or null if an array was passed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#appendChild" ext:member="#appendChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-bubble"></a><b><a href="source/Tree.html#method-Ext.data.Node-bubble">bubble</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Array args</code>]</span> )
\r
120 void<div class="mdesc"><div class="short">Bubbles up the tree from this node, calling the specified function with each node. The scope (this) of
\r
121 function call...</div><div class="long">Bubbles up the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of
\r
122 function call will be the scope provided or the current node. The arguments to the function
\r
123 will be the args provided or the current node. If the function returns false at any point,
\r
124 the bubble is stopped.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function (defaults to current node)</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current node)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#bubble" ext:member="#bubble" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-cascade"></a><b><a href="source/Tree.html#method-Ext.data.Node-cascade">cascade</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Array args</code>]</span> )
\r
126 void<div class="mdesc"><div class="short">Cascades down the tree from this node, calling the specified function with each node. The scope (this) of
\r
127 function c...</div><div class="long">Cascades down the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of
\r
128 function call will be the scope provided or the current node. The arguments to the function
\r
129 will be the args provided or the current node. If the function returns false at any point,
\r
130 the cascade is stopped on that branch.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function (defaults to current node)</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current node)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#cascade" ext:member="#cascade" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-collapse"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-collapse">collapse</a></b>( <span title="Optional" class="optional">[<code>Boolean deep</code>]</span>, <span title="Optional" class="optional">[<code>Boolean anim</code>]</span>, <span title="Optional" class="optional">[<code>Function callback</code>]</span>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
132 void<div class="mdesc"><div class="short">Collapse this node.</div><div class="long">Collapse this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) True to collapse all children as well</div></li><li><code>anim</code> : Boolean<div class="sub-desc">(optional) false to cancel the default animation</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) A callback to be called when
\r
133 expanding this node completes (does not wait for deep expand to complete).
\r
134 Called with 1 parameter, this node.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the callback.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-collapseChildNodes"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-collapseChildNodes">collapseChildNodes</a></b>( <span title="Optional" class="optional">[<code>Boolean deep</code>]</span> )
\r
136 void<div class="mdesc"><div class="short">Collapse all child nodes</div><div class="long">Collapse all child nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) true if the child nodes should also collapse their child nodes</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-contains"></a><b><a href="source/Tree.html#method-Ext.data.Node-contains">contains</a></b>( <code>Node node</code> )
\r
138 Boolean<div class="mdesc"><div class="short">Returns true if this node is an ancestor (at any point) of the passed node.</div><div class="long">Returns true if this node is an ancestor (at any point) of the passed node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#contains" ext:member="#contains" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-disable"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-disable">disable</a></b>()
\r
140 void<div class="mdesc"><div class="short">Disables this node</div><div class="long">Disables this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-eachChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-eachChild">eachChild</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Array args</code>]</span> )
\r
142 void<div class="mdesc"><div class="short">Interates the child nodes of this node, calling the specified function with each node. The scope (this) of
\r
143 function ...</div><div class="long">Interates the child nodes of this node, calling the specified function with each node. The scope (<i>this</i>) of
\r
144 function call will be the scope provided or the current node. The arguments to the function
\r
145 will be the args provided or the current node. If the function returns false at any point,
\r
146 the iteration stops.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function (defaults to current node)</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current node)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#eachChild" ext:member="#eachChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-enable"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-enable">enable</a></b>()
\r
148 void<div class="mdesc"><div class="short">Enables this node</div><div class="long">Enables this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-enableBubble"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>( <code>Object events</code> )
\r
150 void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
\r
151 this.getBubbleTarget() if present...</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
\r
152 <code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
\r
153 <p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default
\r
154 implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
\r
155 access the required target more quickly.</p>
\r
156 <p>Example:</p><pre><code>Ext.override(Ext.form.Field, {
\r
157 <i>// Add functionality to Field<em>'s initComponent to enable the change event to bubble
\r</i>
158 initComponent: Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {
\r
159 this.enableBubble('</em>change<em>');
\r
162 <i>// We know that we want Field'</em>s events to bubble directly to the FormPanel.
\r</i>
163 getBubbleTarget: <b>function</b>() {
\r
164 <b>if</b> (!this.formPanel) {
\r
165 this.formPanel = this.findParentByType(<em>'form'</em>);
\r
167 <b>return</b> this.formPanel;
\r
171 <b>var</b> myForm = <b>new</b> Ext.formPanel({
\r
172 title: <em>'User Details'</em>,
\r
177 change: <b>function</b>() {
\r
178 <i>// Title goes red <b>if</b> form has been modified.
\r</i>
179 myForm.header.setStyle(<em>"color"</em>, <em>"red"</em>);
\r
182 });</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : Object<div class="sub-desc">The event name to bubble, or an Array of event names.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-ensureVisible"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-ensureVisible">ensureVisible</a></b>( <span title="Optional" class="optional">[<code>Function callback</code>]</span>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
184 void<div class="mdesc"><div class="short">Ensures all parent nodes are expanded, and if necessary, scrolls
\r
185 the node into view.</div><div class="long">Ensures all parent nodes are expanded, and if necessary, scrolls
\r
186 the node into view.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>callback</code> : Function<div class="sub-desc">(optional) A function to call when the node has been made visible.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the callback.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-expand"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-expand">expand</a></b>( <span title="Optional" class="optional">[<code>Boolean deep</code>]</span>, <span title="Optional" class="optional">[<code>Boolean anim</code>]</span>, <span title="Optional" class="optional">[<code>Function callback</code>]</span>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
188 void<div class="mdesc"><div class="short">Expand this node.</div><div class="long">Expand this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) True to expand all children as well</div></li><li><code>anim</code> : Boolean<div class="sub-desc">(optional) false to cancel the default animation</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) A callback to be called when
\r
189 expanding this node completes (does not wait for deep expand to complete).
\r
190 Called with 1 parameter, this node.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the callback.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-expandChildNodes"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-expandChildNodes">expandChildNodes</a></b>( <span title="Optional" class="optional">[<code>Boolean deep</code>]</span> )
\r
192 void<div class="mdesc"><div class="short">Expand all child nodes</div><div class="long">Expand all child nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) true if the child nodes should also expand their child nodes</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-findChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-findChild">findChild</a></b>( <code>String attribute</code>, <code>Mixed value</code> )
\r
194 Node<div class="mdesc"><div class="short">Finds the first child that has the attribute with the specified value.</div><div class="long">Finds the first child that has the attribute with the specified value.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>attribute</code> : String<div class="sub-desc">The attribute name</div></li><li><code>value</code> : Mixed<div class="sub-desc">The value to search for</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#findChild" ext:member="#findChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-findChildBy"></a><b><a href="source/Tree.html#method-Ext.data.Node-findChildBy">findChildBy</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
196 Node<div class="mdesc"><div class="short">Finds the first child by a custom function. The child matches if the function passed
\r
197 returns true.</div><div class="long">Finds the first child by a custom function. The child matches if the function passed
\r
198 returns true.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc"></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional)</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#findChildBy" ext:member="#findChildBy" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>( <code>String eventName</code>, <code>Object... args</code> )
\r
200 Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).
\r
201 An event may be set to bubble up an Obse...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
202 <p>An event may be set to bubble up an Observable parent hierarchy (See <a href="output/Ext.Component.html#Ext.Component-getBubbleTarget" ext:member="getBubbleTarget" ext:cls="Ext.Component">Ext.Component.getBubbleTarget</a>)
203 by calling <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">enableBubble</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to fire.</div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#fireEvent" ext:member="#fireEvent" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-getDepth"></a><b><a href="source/Tree.html#method-Ext.data.Node-getDepth">getDepth</a></b>()
\r
205 Number<div class="mdesc"><div class="short">Returns depth of this node (the root node has a depth of 0)</div><div class="long">Returns depth of this node (the root node has a depth of 0)<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#getDepth" ext:member="#getDepth" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-getOwnerTree"></a><b><a href="source/Tree.html#method-Ext.data.Node-getOwnerTree">getOwnerTree</a></b>()
\r
207 Tree<div class="mdesc"><div class="short">Returns the tree this node is in.</div><div class="long">Returns the tree this node is in.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Tree</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#getOwnerTree" ext:member="#getOwnerTree" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-getPath"></a><b><a href="source/Tree.html#method-Ext.data.Node-getPath">getPath</a></b>( <span title="Optional" class="optional">[<code>String attr</code>]</span> )
\r
209 String<div class="mdesc"><div class="short">Returns the path for this node. The path can be used to expand or select this node programmatically.</div><div class="long">Returns the path for this node. The path can be used to expand or select this node programmatically.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>attr</code> : String<div class="sub-desc">(optional) The attr to use for the path (defaults to the node's id)</div></li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The path</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#getPath" ext:member="#getPath" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-getUI"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-getUI">getUI</a></b>()
\r
211 TreeNodeUI<div class="mdesc"><div class="short">Returns the UI object for this node.</div><div class="long">Returns the UI object for this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>TreeNodeUI</code><div class="sub-desc">The object which is providing the user interface for this tree
\r
212 node. Unless otherwise specified in the {@link #uiProvider}, this will be an instance
\r
213 of {@link Ext.tree.TreeNodeUI}</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-hasChildNodes"></a><b><a href="source/Tree.html#method-Ext.data.Node-hasChildNodes">hasChildNodes</a></b>()
\r
215 Boolean<div class="mdesc"><div class="short">Returns true if this node has one or more child nodes, else false.</div><div class="long">Returns true if this node has one or more child nodes, else false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#hasChildNodes" ext:member="#hasChildNodes" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-hasListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-hasListener">hasListener</a></b>( <code>String eventName</code> )
\r
217 Boolean<div class="mdesc"><div class="short">Checks to see if this object has any listeners for a specified event</div><div class="long">Checks to see if this object has any listeners for a specified event<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#hasListener" ext:member="#hasListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-indexOf"></a><b><a href="source/Tree.html#method-Ext.data.Node-indexOf">indexOf</a></b>( <code>Node node</code> )
\r
219 Number<div class="mdesc"><div class="short">Returns the index of a child node</div><div class="long">Returns the index of a child node<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The index of the node or -1 if it was not found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#indexOf" ext:member="#indexOf" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-insertBefore"></a><b><a href="source/Tree.html#method-Ext.data.Node-insertBefore">insertBefore</a></b>( <code>Node node</code>, <code>Node refNode</code> )
\r
221 Node<div class="mdesc"><div class="short">Inserts the first node before the second node in this nodes childNodes collection.</div><div class="long">Inserts the first node before the second node in this nodes childNodes collection.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node<div class="sub-desc">The node to insert</div></li><li><code>refNode</code> : Node<div class="sub-desc">The node to insert before (if null the node is appended)</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The inserted node</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#insertBefore" ext:member="#insertBefore" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-isAncestor"></a><b><a href="source/Tree.html#method-Ext.data.Node-isAncestor">isAncestor</a></b>( <code>Node node</code> )
\r
223 Boolean<div class="mdesc"><div class="short">Returns true if the passed node is an ancestor (at any point) of this node.</div><div class="long">Returns true if the passed node is an ancestor (at any point) of this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isAncestor" ext:member="#isAncestor" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-isExpandable"></a><b><a href="source/Tree.html#method-Ext.data.Node-isExpandable">isExpandable</a></b>()
\r
225 Boolean<div class="mdesc"><div class="short">Returns true if this node has one or more child nodes, or if the expandable
\r
226 node attribute is explicitly specified a...</div><div class="long">Returns true if this node has one or more child nodes, or if the <tt>expandable</tt>
\r
227 node attribute is explicitly specified as true (see <a href="output/Ext.data.Node.html#Ext.data.Node-attributes" ext:member="attributes" ext:cls="Ext.data.Node">attributes</a>), otherwise returns false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isExpandable" ext:member="#isExpandable" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-isExpanded"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-isExpanded">isExpanded</a></b>()
\r
229 Boolean<div class="mdesc"><div class="short">Returns true if this node is expanded</div><div class="long">Returns true if this node is expanded<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-isFirst"></a><b><a href="source/Tree.html#method-Ext.data.Node-isFirst">isFirst</a></b>()
\r
231 Boolean<div class="mdesc"><div class="short">Returns true if this node is the first child of its parent</div><div class="long">Returns true if this node is the first child of its parent<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isFirst" ext:member="#isFirst" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-isLast"></a><b><a href="source/Tree.html#method-Ext.data.Node-isLast">isLast</a></b>()
\r
233 Boolean<div class="mdesc"><div class="short">Returns true if this node is the last child of its parent</div><div class="long">Returns true if this node is the last child of its parent<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isLast" ext:member="#isLast" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-isLeaf"></a><b><a href="source/Tree.html#method-Ext.data.Node-isLeaf">isLeaf</a></b>()
\r
235 Boolean<div class="mdesc"><div class="short">Returns true if this node is a leaf</div><div class="long">Returns true if this node is a leaf<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isLeaf" ext:member="#isLeaf" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-isSelected"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-isSelected">isSelected</a></b>()
\r
237 Boolean<div class="mdesc"><div class="short">Returns true if this node is selected</div><div class="long">Returns true if this node is selected<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-item"></a><b><a href="source/Tree.html#method-Ext.data.Node-item">item</a></b>( <code>Number index</code> )
\r
239 Node<div class="mdesc"><div class="short">Returns the child node at the specified index.</div><div class="long">Returns the child node at the specified index.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>index</code> : Number<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#item" ext:member="#item" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-on"></a><b><a href="source/Observable.html#method-Ext.util.Observable-on">on</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )
\r
241 void<div class="mdesc"><div class="short">Appends an event handler to this object (shorthand for addListener.)</div><div class="long">Appends an event handler to this object (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
242 <b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#on" ext:member="#on" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-purgeListeners"></a><b><a href="source/Observable.html#method-Ext.util.Observable-purgeListeners">purgeListeners</a></b>()
\r
244 void<div class="mdesc"><div class="short">Removes all listeners for this object</div><div class="long">Removes all listeners for this object<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#purgeListeners" ext:member="#purgeListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-relayEvents"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-relayEvents">relayEvents</a></b>( <code>Object o</code>, <code>Array events</code> )
\r
246 void<div class="mdesc"><div class="short">Relays selected events from the specified Observable as if the events were fired by this.</div><div class="long">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object<div class="sub-desc">The Observable whose events this object is to relay.</div></li><li><code>events</code> : Array<div class="sub-desc">Array of event names to relay.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#relayEvents" ext:member="#relayEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-remove"></a><b><a href="source/Tree.html#method-Ext.data.Node-remove">remove</a></b>()
\r
248 Node<div class="mdesc"><div class="short">Removes this node from its parent</div><div class="long">Removes this node from its parent<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#remove" ext:member="#remove" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-removeChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-removeChild">removeChild</a></b>( <code>Node node</code> )
\r
250 Node<div class="mdesc"><div class="short">Removes a child node from this node.</div><div class="long">Removes a child node from this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node<div class="sub-desc">The node to remove</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The removed node</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#removeChild" ext:member="#removeChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-removeListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-removeListener">removeListener</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
252 void<div class="mdesc"><div class="short">Removes an event handler.</div><div class="long">Removes an event handler.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#removeListener" ext:member="#removeListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-replaceChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-replaceChild">replaceChild</a></b>( <code>Node newChild</code>, <code>Node oldChild</code> )
\r
254 Node<div class="mdesc"><div class="short">Replaces one child node in this node with another.</div><div class="long">Replaces one child node in this node with another.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>newChild</code> : Node<div class="sub-desc">The replacement node</div></li><li><code>oldChild</code> : Node<div class="sub-desc">The node to replace</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The replaced node</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#replaceChild" ext:member="#replaceChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-resumeEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-resumeEvents">resumeEvents</a></b>()
\r
256 void<div class="mdesc"><div class="short">Resume firing events. (see suspendEvents)
\r
257 If events were suspended using the queueSuspended parameter, then all
\r
258 event...</div><div class="long">Resume firing events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-suspendEvents" ext:member="suspendEvents" ext:cls="Ext.util.Observable">suspendEvents</a>)
259 If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
260 events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-select"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-select">select</a></b>()
\r
262 void<div class="mdesc"><div class="short">Triggers selection of this node</div><div class="long">Triggers selection of this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-setId"></a><b><a href="source/Tree.html#method-Ext.data.Node-setId">setId</a></b>( <code>String id</code> )
\r
264 void<div class="mdesc"><div class="short">Changes the id of this node.</div><div class="long">Changes the id of this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>id</code> : String<div class="sub-desc">The new id for the node.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#setId" ext:member="#setId" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-setText"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-setText">setText</a></b>( <code>String text</code> )
\r
266 void<div class="mdesc"><div class="short">Sets the text for this node</div><div class="long">Sets the text for this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>text</code> : String<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-sort"></a><b><a href="source/Tree.html#method-Ext.data.Node-sort">sort</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
268 void<div class="mdesc"><div class="short">Sorts this nodes children using the supplied sort function</div><div class="long">Sorts this nodes children using the supplied sort function<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc"></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#sort" ext:member="#sort" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-suspendEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-suspendEvents">suspendEvents</a></b>( <code>Boolean queueSuspended</code> )
\r
270 void<div class="mdesc"><div class="short">Suspend the firing of all events. (see resumeEvents)</div><div class="long">Suspend the firing of all events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a>)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>queueSuspended</code> : Boolean<div class="sub-desc">Pass as true to queue up suspended events to be fired
271 after the <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a> call instead of discarding all suspended events;</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#suspendEvents" ext:member="#suspendEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-toggle"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-toggle">toggle</a></b>()
\r
273 void<div class="mdesc"><div class="short">Toggles expanded/collapsed state of the node</div><div class="long">Toggles expanded/collapsed state of the node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-un"></a><b><a href="source/Observable.html#method-Ext.util.Observable-un">un</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )
\r
275 void<div class="mdesc"><div class="short">Removes an event handler (shorthand for removeListener.)</div><div class="long">Removes an event handler (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-removeListener" ext:member="removeListener" ext:cls="Ext.util.Observable">removeListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#un" ext:member="#un" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-unselect"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-unselect">unselect</a></b>()
\r
277 void<div class="mdesc"><div class="short">Triggers deselection of this node</div><div class="long">Triggers deselection of this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr></tbody></table><a id="Ext.tree.TreeNode-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-append"></a><b><a href="source/Tree.html#event-Ext.data.Node-append">append</a></b> :
\r
278 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>, <code>Number index</code> )
\r
279 <div class="mdesc"><div class="short">Fires when a new child node is appended</div><div class="long">Fires when a new child node is appended<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>node</code> : Node<div class="sub-desc">The newly appended node</div></li><li><code>index</code> : Number<div class="sub-desc">The index of the newly appended node</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#append" ext:member="#append" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-beforeappend"></a><b><a href="source/Tree.html#event-Ext.data.Node-beforeappend">beforeappend</a></b> :
\r
280 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node node</code> )
\r
281 <div class="mdesc"><div class="short">Fires before a new child is appended, return false to cancel the append.</div><div class="long">Fires before a new child is appended, return false to cancel the append.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>node</code> : Node<div class="sub-desc">The child node to be appended</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#beforeappend" ext:member="#beforeappend" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-beforechildrenrendered"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-beforechildrenrendered">beforechildrenrendered</a></b> :
\r
282 ( <code>Node this</code> )
\r
283 <div class="mdesc"><div class="short">Fires right before the child nodes for this node are rendered</div><div class="long">Fires right before the child nodes for this node are rendered<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-beforeclick"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-beforeclick">beforeclick</a></b> :
\r
284 ( <code>Node this</code>, <code>Ext.EventObject e</code> )
\r
285 <div class="mdesc"><div class="short">Fires before click processing. Return false to cancel the default action.</div><div class="long">Fires before click processing. Return false to cancel the default action.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event object</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-beforecollapse"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-beforecollapse">beforecollapse</a></b> :
\r
286 ( <code>Node this</code>, <code>Boolean deep</code>, <code>Boolean anim</code> )
\r
287 <div class="mdesc"><div class="short">Fires before this node is collapsed, return false to cancel.</div><div class="long">Fires before this node is collapsed, return false to cancel.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>deep</code> : Boolean<div class="sub-desc"></div></li><li><code>anim</code> : Boolean<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-beforedblclick"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-beforedblclick">beforedblclick</a></b> :
\r
288 ( <code>Node this</code>, <code>Ext.EventObject e</code> )
\r
289 <div class="mdesc"><div class="short">Fires before double click processing. Return false to cancel the default action.</div><div class="long">Fires before double click processing. Return false to cancel the default action.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event object</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-beforeexpand"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-beforeexpand">beforeexpand</a></b> :
\r
290 ( <code>Node this</code>, <code>Boolean deep</code>, <code>Boolean anim</code> )
\r
291 <div class="mdesc"><div class="short">Fires before this node is expanded, return false to cancel.</div><div class="long">Fires before this node is expanded, return false to cancel.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>deep</code> : Boolean<div class="sub-desc"></div></li><li><code>anim</code> : Boolean<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-beforeinsert"></a><b><a href="source/Tree.html#event-Ext.data.Node-beforeinsert">beforeinsert</a></b> :
\r
292 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>, <code>Node refNode</code> )
\r
293 <div class="mdesc"><div class="short">Fires before a new child is inserted, return false to cancel the insert.</div><div class="long">Fires before a new child is inserted, return false to cancel the insert.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>node</code> : Node<div class="sub-desc">The child node to be inserted</div></li><li><code>refNode</code> : Node<div class="sub-desc">The child node the node is being inserted before</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#beforeinsert" ext:member="#beforeinsert" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-beforemove"></a><b><a href="source/Tree.html#event-Ext.data.Node-beforemove">beforemove</a></b> :
\r
294 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node oldParent</code>, <code>Node newParent</code>, <code>Number index</code> )
\r
295 <div class="mdesc"><div class="short">Fires before this node is moved to a new location in the tree. Return false to cancel the move.</div><div class="long">Fires before this node is moved to a new location in the tree. Return false to cancel the move.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>oldParent</code> : Node<div class="sub-desc">The parent of this node</div></li><li><code>newParent</code> : Node<div class="sub-desc">The new parent this node is moving to</div></li><li><code>index</code> : Number<div class="sub-desc">The index it is being moved to</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#beforemove" ext:member="#beforemove" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-beforeremove"></a><b><a href="source/Tree.html#event-Ext.data.Node-beforeremove">beforeremove</a></b> :
\r
296 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node node</code> )
\r
297 <div class="mdesc"><div class="short">Fires before a child is removed, return false to cancel the remove.</div><div class="long">Fires before a child is removed, return false to cancel the remove.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>node</code> : Node<div class="sub-desc">The child node to be removed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#beforeremove" ext:member="#beforeremove" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-checkchange"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-checkchange">checkchange</a></b> :
\r
298 ( <code>Node this</code>, <code>Boolean checked</code> )
\r
299 <div class="mdesc"><div class="short">Fires when a node with a checkbox's checked property changes</div><div class="long">Fires when a node with a checkbox's checked property changes<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>checked</code> : Boolean<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-click"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-click">click</a></b> :
\r
300 ( <code>Node this</code>, <code>Ext.EventObject e</code> )
\r
301 <div class="mdesc"><div class="short">Fires when this node is clicked</div><div class="long">Fires when this node is clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event object</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-collapse"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-collapse">collapse</a></b> :
\r
302 ( <code>Node this</code> )
\r
303 <div class="mdesc"><div class="short">Fires when this node is collapsed</div><div class="long">Fires when this node is collapsed<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-contextmenu"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-contextmenu">contextmenu</a></b> :
\r
304 ( <code>Node this</code>, <code>Ext.EventObject e</code> )
\r
305 <div class="mdesc"><div class="short">Fires when this node is right clicked</div><div class="long">Fires when this node is right clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event object</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-dblclick"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-dblclick">dblclick</a></b> :
\r
306 ( <code>Node this</code>, <code>Ext.EventObject e</code> )
\r
307 <div class="mdesc"><div class="short">Fires when this node is double clicked</div><div class="long">Fires when this node is double clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event object</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-disabledchange"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-disabledchange">disabledchange</a></b> :
\r
308 ( <code>Node this</code>, <code>Boolean disabled</code> )
\r
309 <div class="mdesc"><div class="short">Fires when the disabled status of this node changes</div><div class="long">Fires when the disabled status of this node changes<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>disabled</code> : Boolean<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-expand"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-expand">expand</a></b> :
\r
310 ( <code>Node this</code> )
\r
311 <div class="mdesc"><div class="short">Fires when this node is expanded</div><div class="long">Fires when this node is expanded<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-insert"></a><b><a href="source/Tree.html#event-Ext.data.Node-insert">insert</a></b> :
\r
312 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>, <code>Node refNode</code> )
\r
313 <div class="mdesc"><div class="short">Fires when a new child node is inserted.</div><div class="long">Fires when a new child node is inserted.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>node</code> : Node<div class="sub-desc">The child node inserted</div></li><li><code>refNode</code> : Node<div class="sub-desc">The child node the node was inserted before</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#insert" ext:member="#insert" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-move"></a><b><a href="source/Tree.html#event-Ext.data.Node-move">move</a></b> :
\r
314 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node oldParent</code>, <code>Node newParent</code>, <code>Number index</code> )
\r
315 <div class="mdesc"><div class="short">Fires when this node is moved to a new location in the tree</div><div class="long">Fires when this node is moved to a new location in the tree<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>oldParent</code> : Node<div class="sub-desc">The old parent of this node</div></li><li><code>newParent</code> : Node<div class="sub-desc">The new parent of this node</div></li><li><code>index</code> : Number<div class="sub-desc">The index it was moved to</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#move" ext:member="#move" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.data.Node-remove"></a><b><a href="source/Tree.html#event-Ext.data.Node-remove">remove</a></b> :
\r
316 ( <code>Tree tree</code>, <code>Node this</code>, <code>Node node</code> )
\r
317 <div class="mdesc"><div class="short">Fires when a child node is removed</div><div class="long">Fires when a child node is removed<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>tree</code> : Tree<div class="sub-desc">The owner tree</div></li><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>node</code> : Node<div class="sub-desc">The removed node</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#remove" ext:member="#remove" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.tree.TreeNode-textchange"></a><b><a href="source/TreeNode.html#event-Ext.tree.TreeNode-textchange">textchange</a></b> :
\r
318 ( <code>Node this</code>, <code>String text</code>, <code>String oldText</code> )
\r
319 <div class="mdesc"><div class="short">Fires when the text for this node is changed</div><div class="long">Fires when the text for this node is changed<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li><li><code>text</code> : String<div class="sub-desc">The new text</div></li><li><code>oldText</code> : String<div class="sub-desc">The old text</div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr></tbody></table></div>