commit extjs-2.2.1
[extjs.git] / docs / output / Ext.tree.TreeNode.html
1         <div class="body-wrap">
2         <div class="top-tools">
3             <a class="inner-link" href="#Ext.tree.TreeNode-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
4             <a class="inner-link" href="#Ext.tree.TreeNode-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
5             <a class="inner-link" href="#Ext.tree.TreeNode-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
6                             <a class="inner-link" href="#Ext.tree.TreeNode-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
7                         <a class="bookmark" href="../docs/?class=Ext.tree.TreeNode"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
8         </div>
9                 <div class="inheritance res-block">
10 <pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>
11   <img src="resources/elbow-end.gif"/><a ext:cls="Ext.data.Node" ext:member="" href="output/Ext.data.Node.html">Node</a>
12     <img src="resources/elbow-end.gif"/>TreeNode</pre></div>
13                 <h1>Class Ext.tree.TreeNode</h1>
14         <table cellspacing="0">
15             <tr><td class="label">Package:</td><td class="hd-info">Ext.tree</td></tr>
16             <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/TreeNode.js" target="_blank">TreeNode.js</a></td></tr>
17             <tr><td class="label">Class:</td><td class="hd-info">TreeNode</td></tr>
18                         <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.tree.AsyncTreeNode" href="output/Ext.tree.AsyncTreeNode.html">AsyncTreeNode</a></td></tr>
19                                     <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.data.Node" ext:member="" href="output/Ext.data.Node.html">Node</a></td></tr>
20                     </table>
21         <div class="description">
22             *        </div>
23         
24         <div class="hr"></div>
25                 <a id="Ext.tree.TreeNode-configs"></a>
26         <h2>Config Options</h2>
27         <table cellspacing="0" class="member-table">
28             <tr>
29                 <th class="sig-header" colspan="2">Config Options</th>
30                 <th class="msource-header">Defined By</th>
31             </tr>
32                 <tr class="config-row">\r
33         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
34         <td class="sig">\r
35         <a id="Ext.tree.TreeNode-allowChildren"></a>\r
36             <b>allowChildren</b> : Boolean            <div class="mdesc">\r
37                             False to not allow this node to have child nodes (defaults to true)                        </div>\r
38         </td>\r
39         <td class="msource">TreeNode</td>\r
40     </tr>\r
41         <tr class="config-row alt">\r
42         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
43         <td class="sig">\r
44         <a id="Ext.tree.TreeNode-allowDrag"></a>\r
45             <b>allowDrag</b> : Boolean            <div class="mdesc">\r
46                             False to make this node undraggable if <a ext:cls="Ext.tree.TreeNode" ext:member="draggable" href="output/Ext.tree.TreeNode.html#draggable">draggable</a> = true (defaults to true)                        </div>\r
47         </td>\r
48         <td class="msource">TreeNode</td>\r
49     </tr>\r
50         <tr class="config-row">\r
51         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
52         <td class="sig">\r
53         <a id="Ext.tree.TreeNode-allowDrop"></a>\r
54             <b>allowDrop</b> : Boolean            <div class="mdesc">\r
55                             False if this node cannot have child nodes dropped on it (defaults to true)                        </div>\r
56         </td>\r
57         <td class="msource">TreeNode</td>\r
58     </tr>\r
59         <tr class="config-row alt expandable">\r
60         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
61         <td class="sig">\r
62         <a id="Ext.tree.TreeNode-checked"></a>\r
63             <b>checked</b> : Boolean            <div class="mdesc">\r
64                         <div class="short">True to render a checked checkbox for this node, false to render an unchecked checkbox (defaults to undefined with no...</div>\r
65             <div class="long">\r
66                 True to render a checked checkbox for this node, false to render an unchecked checkbox (defaults to undefined with no checkbox rendered)            </div>\r
67                         </div>\r
68         </td>\r
69         <td class="msource">TreeNode</td>\r
70     </tr>\r
71         <tr class="config-row">\r
72         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
73         <td class="sig">\r
74         <a id="Ext.tree.TreeNode-cls"></a>\r
75             <b>cls</b> : String            <div class="mdesc">\r
76                             A css class to be added to the node                        </div>\r
77         </td>\r
78         <td class="msource">TreeNode</td>\r
79     </tr>\r
80         <tr class="config-row alt">\r
81         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
82         <td class="sig">\r
83         <a id="Ext.tree.TreeNode-disabled"></a>\r
84             <b>disabled</b> : Boolean            <div class="mdesc">\r
85                             true to start the node disabled                        </div>\r
86         </td>\r
87         <td class="msource">TreeNode</td>\r
88     </tr>\r
89         <tr class="config-row">\r
90         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
91         <td class="sig">\r
92         <a id="Ext.tree.TreeNode-draggable"></a>\r
93             <b>draggable</b> : Boolean            <div class="mdesc">\r
94                             True to make this node draggable (defaults to false)                        </div>\r
95         </td>\r
96         <td class="msource">TreeNode</td>\r
97     </tr>\r
98         <tr class="config-row alt">\r
99         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
100         <td class="sig">\r
101         <a id="Ext.tree.TreeNode-expandable"></a>\r
102             <b>expandable</b> : Boolean            <div class="mdesc">\r
103                             If set to true, the node will always show a plus/minus icon, even when empty                        </div>\r
104         </td>\r
105         <td class="msource">TreeNode</td>\r
106     </tr>\r
107         <tr class="config-row">\r
108         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
109         <td class="sig">\r
110         <a id="Ext.tree.TreeNode-expanded"></a>\r
111             <b>expanded</b> : Boolean            <div class="mdesc">\r
112                             true to start the node expanded                        </div>\r
113         </td>\r
114         <td class="msource">TreeNode</td>\r
115     </tr>\r
116         <tr class="config-row alt">\r
117         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
118         <td class="sig">\r
119         <a id="Ext.tree.TreeNode-href"></a>\r
120             <b>href</b> : String            <div class="mdesc">\r
121                             URL of the link used for the node (defaults to #)                        </div>\r
122         </td>\r
123         <td class="msource">TreeNode</td>\r
124     </tr>\r
125         <tr class="config-row">\r
126         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
127         <td class="sig">\r
128         <a id="Ext.tree.TreeNode-hrefTarget"></a>\r
129             <b>hrefTarget</b> : String            <div class="mdesc">\r
130                             target frame for the link                        </div>\r
131         </td>\r
132         <td class="msource">TreeNode</td>\r
133     </tr>\r
134         <tr class="config-row alt expandable">\r
135         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
136         <td class="sig">\r
137         <a id="Ext.tree.TreeNode-icon"></a>\r
138             <b>icon</b> : String            <div class="mdesc">\r
139                         <div class="short">The path to an icon for the node. The preferred way to do this is to use the cls or iconCls attributes and add the ic...</div>\r
140             <div class="long">\r
141                 The path to an icon for the node. The preferred way to do this is to use the cls or iconCls attributes and add the icon via a CSS background image.            </div>\r
142                         </div>\r
143         </td>\r
144         <td class="msource">TreeNode</td>\r
145     </tr>\r
146         <tr class="config-row">\r
147         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
148         <td class="sig">\r
149         <a id="Ext.tree.TreeNode-iconCls"></a>\r
150             <b>iconCls</b> : String            <div class="mdesc">\r
151                             A css class to be added to the nodes icon element for applying css background images                        </div>\r
152         </td>\r
153         <td class="msource">TreeNode</td>\r
154     </tr>\r
155         <tr class="config-row inherited alt">\r
156         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
157         <td class="sig">\r
158         <a id="Ext.tree.TreeNode-id"></a>\r
159             <b>id</b> : String            <div class="mdesc">\r
160                             The id for this node. If one is not specified, one is generated.                        </div>\r
161         </td>\r
162         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#id" href="output/Ext.data.Node.html#id">Node</a></td>\r
163     </tr>\r
164         <tr class="config-row">\r
165         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
166         <td class="sig">\r
167         <a id="Ext.tree.TreeNode-isTarget"></a>\r
168             <b>isTarget</b> : Boolean            <div class="mdesc">\r
169                             False to not allow this node to act as a drop target (defaults to true)                        </div>\r
170         </td>\r
171         <td class="msource">TreeNode</td>\r
172     </tr>\r
173         <tr class="config-row inherited alt">\r
174         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
175         <td class="sig">\r
176         <a id="Ext.tree.TreeNode-leaf"></a>\r
177             <b>leaf</b> : Boolean            <div class="mdesc">\r
178                             true if this node is a leaf and does not have children                        </div>\r
179         </td>\r
180         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#leaf" href="output/Ext.data.Node.html#leaf">Node</a></td>\r
181     </tr>\r
182         <tr class="config-row inherited expandable">\r
183         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
184         <td class="sig">\r
185         <a id="Ext.tree.TreeNode-listeners"></a>\r
186             <b>listeners</b> : Object            <div class="mdesc">\r
187                         <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>\r
188             <div class="long">\r
189                 (optional) A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once.            </div>\r
190                         </div>\r
191         </td>\r
192         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>\r
193     </tr>\r
194         <tr class="config-row alt">\r
195         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
196         <td class="sig">\r
197         <a id="Ext.tree.TreeNode-qtip"></a>\r
198             <b>qtip</b> : String            <div class="mdesc">\r
199                             An Ext QuickTip for the node                        </div>\r
200         </td>\r
201         <td class="msource">TreeNode</td>\r
202     </tr>\r
203         <tr class="config-row">\r
204         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
205         <td class="sig">\r
206         <a id="Ext.tree.TreeNode-qtipCfg"></a>\r
207             <b>qtipCfg</b> : String            <div class="mdesc">\r
208                             An Ext QuickTip config for the node (used instead of qtip)                        </div>\r
209         </td>\r
210         <td class="msource">TreeNode</td>\r
211     </tr>\r
212         <tr class="config-row alt">\r
213         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
214         <td class="sig">\r
215         <a id="Ext.tree.TreeNode-singleClickExpand"></a>\r
216             <b>singleClickExpand</b> : Boolean            <div class="mdesc">\r
217                             True for single click expand on this node                        </div>\r
218         </td>\r
219         <td class="msource">TreeNode</td>\r
220     </tr>\r
221         <tr class="config-row">\r
222         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
223         <td class="sig">\r
224         <a id="Ext.tree.TreeNode-text"></a>\r
225             <b>text</b> : String            <div class="mdesc">\r
226                             The text for this node                        </div>\r
227         </td>\r
228         <td class="msource">TreeNode</td>\r
229     </tr>\r
230         <tr class="config-row alt">\r
231         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
232         <td class="sig">\r
233         <a id="Ext.tree.TreeNode-uiProvider"></a>\r
234             <b>uiProvider</b> : Function            <div class="mdesc">\r
235                             A UI <b>class</b> to use for this node (defaults to Ext.tree.TreeNodeUI)                        </div>\r
236         </td>\r
237         <td class="msource">TreeNode</td>\r
238     </tr>\r
239             </table>
240                 <a id="Ext.tree.TreeNode-props"></a>
241         <h2>Public Properties</h2>
242                 <table cellspacing="0" class="member-table">
243             <tr>
244                 <th class="sig-header" colspan="2">Property</th>
245                 <th class="msource-header">Defined By</th>
246             </tr>
247                 <tr class="property-row inherited">\r
248         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
249         <td class="sig">\r
250         <a id="Ext.tree.TreeNode-attributes"></a>\r
251             <b>attributes</b> : Object            <div class="mdesc">\r
252                             The attributes supplied for the node. You can use this property to access any custom attributes you supplied.                        </div>\r
253         </td>\r
254         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#attributes" href="output/Ext.data.Node.html#attributes">Node</a></td>\r
255     </tr>\r
256         <tr class="property-row inherited alt">\r
257         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
258         <td class="sig">\r
259         <a id="Ext.tree.TreeNode-childNodes"></a>\r
260             <b>childNodes</b> : Array            <div class="mdesc">\r
261                             All child nodes of this node.                        </div>\r
262         </td>\r
263         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#childNodes" href="output/Ext.data.Node.html#childNodes">Node</a></td>\r
264     </tr>\r
265         <tr class="property-row">\r
266         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
267         <td class="sig">\r
268         <a id="Ext.tree.TreeNode-disabled"></a>\r
269             <b>disabled</b> : Boolean            <div class="mdesc">\r
270                             True if this node is disabled.                        </div>\r
271         </td>\r
272         <td class="msource">TreeNode</td>\r
273     </tr>\r
274         <tr class="property-row inherited alt">\r
275         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
276         <td class="sig">\r
277         <a id="Ext.tree.TreeNode-firstChild"></a>\r
278             <b>firstChild</b> : Node            <div class="mdesc">\r
279                             The first direct child node of this node, or null if this node has no child nodes.                        </div>\r
280         </td>\r
281         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#firstChild" href="output/Ext.data.Node.html#firstChild">Node</a></td>\r
282     </tr>\r
283         <tr class="property-row inherited">\r
284         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
285         <td class="sig">\r
286         <a id="Ext.tree.TreeNode-id"></a>\r
287             <b>id</b> : String            <div class="mdesc">\r
288                             The node id.                        </div>\r
289         </td>\r
290         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#id" href="output/Ext.data.Node.html#id">Node</a></td>\r
291     </tr>\r
292         <tr class="property-row inherited alt">\r
293         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
294         <td class="sig">\r
295         <a id="Ext.tree.TreeNode-lastChild"></a>\r
296             <b>lastChild</b> : Node            <div class="mdesc">\r
297                             The last direct child node of this node, or null if this node has no child nodes.                        </div>\r
298         </td>\r
299         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#lastChild" href="output/Ext.data.Node.html#lastChild">Node</a></td>\r
300     </tr>\r
301         <tr class="property-row inherited">\r
302         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
303         <td class="sig">\r
304         <a id="Ext.tree.TreeNode-nextSibling"></a>\r
305             <b>nextSibling</b> : Node            <div class="mdesc">\r
306                             The node immediately following this node in the tree, or null if there is no sibling node.                        </div>\r
307         </td>\r
308         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#nextSibling" href="output/Ext.data.Node.html#nextSibling">Node</a></td>\r
309     </tr>\r
310         <tr class="property-row inherited alt">\r
311         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
312         <td class="sig">\r
313         <a id="Ext.tree.TreeNode-parentNode"></a>\r
314             <b>parentNode</b> : Node            <div class="mdesc">\r
315                             The parent node for this node.                        </div>\r
316         </td>\r
317         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#parentNode" href="output/Ext.data.Node.html#parentNode">Node</a></td>\r
318     </tr>\r
319         <tr class="property-row inherited">\r
320         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
321         <td class="sig">\r
322         <a id="Ext.tree.TreeNode-previousSibling"></a>\r
323             <b>previousSibling</b> : Node            <div class="mdesc">\r
324                             The node immediately preceding this node in the tree, or null if there is no sibling node.                        </div>\r
325         </td>\r
326         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#previousSibling" href="output/Ext.data.Node.html#previousSibling">Node</a></td>\r
327     </tr>\r
328         <tr class="property-row alt">\r
329         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
330         <td class="sig">\r
331         <a id="Ext.tree.TreeNode-text"></a>\r
332             <b>text</b> : String            <div class="mdesc">\r
333                             Read-only. The text for this node. To change it use setText().                        </div>\r
334         </td>\r
335         <td class="msource">TreeNode</td>\r
336     </tr>\r
337         <tr class="property-row">\r
338         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
339         <td class="sig">\r
340         <a id="Ext.tree.TreeNode-ui"></a>\r
341             <b>ui</b> : TreeNodeUI            <div class="mdesc">\r
342                             Read-only. The UI for this node                        </div>\r
343         </td>\r
344         <td class="msource">TreeNode</td>\r
345     </tr>\r
346             </table>
347                 <a id="Ext.tree.TreeNode-methods"></a>
348         <h2>Public Methods</h2>
349                 <table cellspacing="0" class="member-table">
350             <tr>
351                 <th class="sig-header" colspan="2">Method</th>
352                 <th class="msource-header">Defined By</th>
353             </tr>
354                 <tr class="method-row expandable">\r
355         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
356         <td class="sig">\r
357         <a id="Ext.tree.TreeNode-TreeNode"></a>\r
358             <b>TreeNode</b>(&nbsp;<code>Object/String attributes</code>&nbsp;)            <div class="mdesc">\r
359                         <div class="short"></div>\r
360             <div class="long">\r
361                     <div class="mdetail-params">\r
362         <strong>Parameters:</strong>\r
363         <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>\r
364         <strong>Returns:</strong>\r
365         <ul>\r
366             <li><code></code></li>\r
367         </ul>\r
368     </div>\r
369                 </div>\r
370                         </div>\r
371         </td>\r
372         <td class="msource">TreeNode</td>\r
373     </tr>\r
374         <tr class="method-row inherited alt expandable">\r
375         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
376         <td class="sig">\r
377         <a id="Ext.tree.TreeNode-addEvents"></a>\r
378             <b>addEvents</b>(&nbsp;<code>Object object</code>&nbsp;) : void            <div class="mdesc">\r
379                         <div class="short">Used to define events on this Observable</div>\r
380             <div class="long">\r
381                 Used to define events on this Observable    <div class="mdetail-params">\r
382         <strong>Parameters:</strong>\r
383         <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li>        </ul>\r
384         <strong>Returns:</strong>\r
385         <ul>\r
386             <li><code>void</code></li>\r
387         </ul>\r
388     </div>\r
389                 </div>\r
390                         </div>\r
391         </td>\r
392         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>\r
393     </tr>\r
394         <tr class="method-row inherited expandable">\r
395         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
396         <td class="sig">\r
397         <a id="Ext.tree.TreeNode-addListener"></a>\r
398             <b>addListener</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : void            <div class="mdesc">\r
399                         <div class="short">Appends an event handler to this component</div>\r
400             <div class="long">\r
401                 Appends an event handler to this component    <div class="mdetail-params">\r
402         <strong>Parameters:</strong>\r
403         <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 in which to execute the handler
404 function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
405 properties. This may contain any of the following properties:<ul>
406 <li><b>scope</b> : Object<p class="sub-desc">The scope in which to execute the handler function. The handler function's "this" context.</p></li>
407 <li><b>delay</b> : Number<p class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</p></li>
408 <li><b>single</b> : Boolean<p class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</p></li>
409 <li><b>buffer</b> : Number<p class="sub-desc">Causes the handler to be scheduled to run in an <a ext:cls="Ext.util.DelayedTask" href="output/Ext.util.DelayedTask.html">Ext.util.DelayedTask</a> delayed
410 by the specified number of milliseconds. If the event fires again within that time, the original
411 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</p></li>
412 </ul><br>
413 <p>
414 <b>Combining Options</b><br>
415 Using the options argument, it is possible to combine different types of listeners:<br>
416 <br>
417 A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)
418 <pre><code>el.on(<em>'click'</em>, <b>this</b>.onClick, <b>this</b>, {
419     single: true,
420     delay: 100,
421     forumId: 4
422 });</code></pre>
423 <p>
424 <b>Attaching multiple handlers in 1 call</b><br>
425 The method also allows for a single argument to be passed which is a config object containing properties
426 which specify multiple handlers.
427 <p>
428 <pre><code>foo.on({
429     <em>'click'</em> : {
430         fn: <b>this</b>.onClick,
431         scope: <b>this</b>,
432         delay: 100
433     },
434     <em>'mouseover'</em> : {
435         fn: <b>this</b>.onMouseOver,
436         scope: <b>this</b>
437     },
438     <em>'mouseout'</em> : {
439         fn: <b>this</b>.onMouseOut,
440         scope: <b>this</b>
441     }
442 });</code></pre>
443 <p>
444 Or a shorthand syntax:<br>
445 <pre><code>foo.on({
446     <em>'click'</em> : <b>this</b>.onClick,
447     <em>'mouseover'</em> : <b>this</b>.onMouseOver,
448     <em>'mouseout'</em> : <b>this</b>.onMouseOut,
449      scope: <b>this</b>
450 });</code></pre></div></li>        </ul>\r
451         <strong>Returns:</strong>\r
452         <ul>\r
453             <li><code>void</code></li>\r
454         </ul>\r
455     </div>\r
456                 </div>\r
457                         </div>\r
458         </td>\r
459         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addListener" href="output/Ext.util.Observable.html#addListener">Observable</a></td>\r
460     </tr>\r
461         <tr class="method-row inherited alt expandable">\r
462         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
463         <td class="sig">\r
464         <a id="Ext.tree.TreeNode-appendChild"></a>\r
465             <b>appendChild</b>(&nbsp;<code>Node/Array node</code>&nbsp;) : Node            <div class="mdesc">\r
466                         <div class="short">Insert node(s) as the last child node of this node.</div>\r
467             <div class="long">\r
468                 Insert node(s) as the last child node of this node.    <div class="mdetail-params">\r
469         <strong>Parameters:</strong>\r
470         <ul><li><code>node</code> : Node/Array<div class="sub-desc">The node or Array of nodes to append</div></li>        </ul>\r
471         <strong>Returns:</strong>\r
472         <ul>\r
473             <li><code>Node</code><div class="sub-desc">The appended node if single append, or null if an array was passed</div></li>\r
474         </ul>\r
475     </div>\r
476                 </div>\r
477                         </div>\r
478         </td>\r
479         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#appendChild" href="output/Ext.data.Node.html#appendChild">Node</a></td>\r
480     </tr>\r
481         <tr class="method-row inherited expandable">\r
482         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
483         <td class="sig">\r
484         <a id="Ext.tree.TreeNode-bubble"></a>\r
485             <b>bubble</b>(&nbsp;<code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Array args</code>]</span>&nbsp;) : void            <div class="mdesc">\r
486                         <div class="short">Bubbles up the tree from this node, calling the specified function with each node. The scope (this) of
487 function call ...</div>\r
488             <div class="long">\r
489                 Bubbles up the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of
490 function call will be the scope provided or the current node. The arguments to the function
491 will be the args provided or the current node. If the function returns false at any point,
492 the bubble is stopped.    <div class="mdetail-params">\r
493         <strong>Parameters:</strong>\r
494         <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>\r
495         <strong>Returns:</strong>\r
496         <ul>\r
497             <li><code>void</code></li>\r
498         </ul>\r
499     </div>\r
500                 </div>\r
501                         </div>\r
502         </td>\r
503         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#bubble" href="output/Ext.data.Node.html#bubble">Node</a></td>\r
504     </tr>\r
505         <tr class="method-row inherited alt expandable">\r
506         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
507         <td class="sig">\r
508         <a id="Ext.tree.TreeNode-cascade"></a>\r
509             <b>cascade</b>(&nbsp;<code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Array args</code>]</span>&nbsp;) : void            <div class="mdesc">\r
510                         <div class="short">Cascades down the tree from this node, calling the specified function with each node. The scope (this) of
511 function ca...</div>\r
512             <div class="long">\r
513                 Cascades down the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of
514 function call will be the scope provided or the current node. The arguments to the function
515 will be the args provided or the current node. If the function returns false at any point,
516 the cascade is stopped on that branch.    <div class="mdetail-params">\r
517         <strong>Parameters:</strong>\r
518         <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>\r
519         <strong>Returns:</strong>\r
520         <ul>\r
521             <li><code>void</code></li>\r
522         </ul>\r
523     </div>\r
524                 </div>\r
525                         </div>\r
526         </td>\r
527         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#cascade" href="output/Ext.data.Node.html#cascade">Node</a></td>\r
528     </tr>\r
529         <tr class="method-row expandable">\r
530         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
531         <td class="sig">\r
532         <a id="Ext.tree.TreeNode-collapse"></a>\r
533             <b>collapse</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean deep</code>]</span>, <span class="optional" title="Optional">[<code>Boolean anim</code>]</span>&nbsp;) : void            <div class="mdesc">\r
534                         <div class="short">Collapse this node.</div>\r
535             <div class="long">\r
536                 Collapse this node.    <div class="mdetail-params">\r
537         <strong>Parameters:</strong>\r
538         <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>        </ul>\r
539         <strong>Returns:</strong>\r
540         <ul>\r
541             <li><code>void</code></li>\r
542         </ul>\r
543     </div>\r
544                 </div>\r
545                         </div>\r
546         </td>\r
547         <td class="msource">TreeNode</td>\r
548     </tr>\r
549         <tr class="method-row alt expandable">\r
550         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
551         <td class="sig">\r
552         <a id="Ext.tree.TreeNode-collapseChildNodes"></a>\r
553             <b>collapseChildNodes</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean deep</code>]</span>&nbsp;) : void            <div class="mdesc">\r
554                         <div class="short">Collapse all child nodes</div>\r
555             <div class="long">\r
556                 Collapse all child nodes    <div class="mdetail-params">\r
557         <strong>Parameters:</strong>\r
558         <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>\r
559         <strong>Returns:</strong>\r
560         <ul>\r
561             <li><code>void</code></li>\r
562         </ul>\r
563     </div>\r
564                 </div>\r
565                         </div>\r
566         </td>\r
567         <td class="msource">TreeNode</td>\r
568     </tr>\r
569         <tr class="method-row inherited expandable">\r
570         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
571         <td class="sig">\r
572         <a id="Ext.tree.TreeNode-contains"></a>\r
573             <b>contains</b>(&nbsp;<code>Node node</code>&nbsp;) : Boolean            <div class="mdesc">\r
574                         <div class="short">Returns true if this node is an ancestor (at any point) of the passed node.</div>\r
575             <div class="long">\r
576                 Returns true if this node is an ancestor (at any point) of the passed node.    <div class="mdetail-params">\r
577         <strong>Parameters:</strong>\r
578         <ul><li><code>node</code> : Node<div class="sub-desc"></div></li>        </ul>\r
579         <strong>Returns:</strong>\r
580         <ul>\r
581             <li><code>Boolean</code></li>\r
582         </ul>\r
583     </div>\r
584                 </div>\r
585                         </div>\r
586         </td>\r
587         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#contains" href="output/Ext.data.Node.html#contains">Node</a></td>\r
588     </tr>\r
589         <tr class="method-row alt expandable">\r
590         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
591         <td class="sig">\r
592         <a id="Ext.tree.TreeNode-disable"></a>\r
593             <b>disable</b>() : void            <div class="mdesc">\r
594                         <div class="short">Disables this node</div>\r
595             <div class="long">\r
596                 Disables this node    <div class="mdetail-params">\r
597         <strong>Parameters:</strong>\r
598         <ul><li>None.</li>        </ul>\r
599         <strong>Returns:</strong>\r
600         <ul>\r
601             <li><code>void</code></li>\r
602         </ul>\r
603     </div>\r
604                 </div>\r
605                         </div>\r
606         </td>\r
607         <td class="msource">TreeNode</td>\r
608     </tr>\r
609         <tr class="method-row inherited expandable">\r
610         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
611         <td class="sig">\r
612         <a id="Ext.tree.TreeNode-eachChild"></a>\r
613             <b>eachChild</b>(&nbsp;<code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Array args</code>]</span>&nbsp;) : void            <div class="mdesc">\r
614                         <div class="short">Iterates the child nodes of this node, calling the specified function with each node. The scope (this) of
615 function ca...</div>\r
616             <div class="long">\r
617                 Iterates the child nodes of this node, calling the specified function with each node. The scope (<i>this</i>) of
618 function call will be the scope provided or the current node. The arguments to the function
619 will be the args provided or the current node. If the function returns false at any point,
620 the iteration stops.    <div class="mdetail-params">\r
621         <strong>Parameters:</strong>\r
622         <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>\r
623         <strong>Returns:</strong>\r
624         <ul>\r
625             <li><code>void</code></li>\r
626         </ul>\r
627     </div>\r
628                 </div>\r
629                         </div>\r
630         </td>\r
631         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#eachChild" href="output/Ext.data.Node.html#eachChild">Node</a></td>\r
632     </tr>\r
633         <tr class="method-row alt expandable">\r
634         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
635         <td class="sig">\r
636         <a id="Ext.tree.TreeNode-enable"></a>\r
637             <b>enable</b>() : void            <div class="mdesc">\r
638                         <div class="short">Enables this node</div>\r
639             <div class="long">\r
640                 Enables this node    <div class="mdetail-params">\r
641         <strong>Parameters:</strong>\r
642         <ul><li>None.</li>        </ul>\r
643         <strong>Returns:</strong>\r
644         <ul>\r
645             <li><code>void</code></li>\r
646         </ul>\r
647     </div>\r
648                 </div>\r
649                         </div>\r
650         </td>\r
651         <td class="msource">TreeNode</td>\r
652     </tr>\r
653         <tr class="method-row expandable">\r
654         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
655         <td class="sig">\r
656         <a id="Ext.tree.TreeNode-ensureVisible"></a>\r
657             <b>ensureVisible</b>(&nbsp;<span class="optional" title="Optional">[<code>Function callback</code>]</span>&nbsp;) : void            <div class="mdesc">\r
658                         <div class="short">Ensures all parent nodes are expanded, and if necessary, scrolls
659 the node into view.</div>\r
660             <div class="long">\r
661                 Ensures all parent nodes are expanded, and if necessary, scrolls
662 the node into view.    <div class="mdetail-params">\r
663         <strong>Parameters:</strong>\r
664         <ul><li><code>callback</code> : Function<div class="sub-desc">(optional) A function to call when the node has been made visible.</div></li>        </ul>\r
665         <strong>Returns:</strong>\r
666         <ul>\r
667             <li><code>void</code></li>\r
668         </ul>\r
669     </div>\r
670                 </div>\r
671                         </div>\r
672         </td>\r
673         <td class="msource">TreeNode</td>\r
674     </tr>\r
675         <tr class="method-row alt expandable">\r
676         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
677         <td class="sig">\r
678         <a id="Ext.tree.TreeNode-expand"></a>\r
679             <b>expand</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean deep</code>]</span>, <span class="optional" title="Optional">[<code>Boolean anim</code>]</span>, <span class="optional" title="Optional">[<code>Function callback</code>]</span>&nbsp;) : void            <div class="mdesc">\r
680                         <div class="short">Expand this node.</div>\r
681             <div class="long">\r
682                 Expand this node.    <div class="mdetail-params">\r
683         <strong>Parameters:</strong>\r
684         <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
685 expanding this node completes (does not wait for deep expand to complete).
686 Called with 1 parameter, this node.</div></li>        </ul>\r
687         <strong>Returns:</strong>\r
688         <ul>\r
689             <li><code>void</code></li>\r
690         </ul>\r
691     </div>\r
692                 </div>\r
693                         </div>\r
694         </td>\r
695         <td class="msource">TreeNode</td>\r
696     </tr>\r
697         <tr class="method-row expandable">\r
698         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
699         <td class="sig">\r
700         <a id="Ext.tree.TreeNode-expandChildNodes"></a>\r
701             <b>expandChildNodes</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean deep</code>]</span>&nbsp;) : void            <div class="mdesc">\r
702                         <div class="short">Expand all child nodes</div>\r
703             <div class="long">\r
704                 Expand all child nodes    <div class="mdetail-params">\r
705         <strong>Parameters:</strong>\r
706         <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>\r
707         <strong>Returns:</strong>\r
708         <ul>\r
709             <li><code>void</code></li>\r
710         </ul>\r
711     </div>\r
712                 </div>\r
713                         </div>\r
714         </td>\r
715         <td class="msource">TreeNode</td>\r
716     </tr>\r
717         <tr class="method-row inherited alt expandable">\r
718         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
719         <td class="sig">\r
720         <a id="Ext.tree.TreeNode-findChild"></a>\r
721             <b>findChild</b>(&nbsp;<code>String attribute</code>, <code>Mixed value</code>&nbsp;) : Node            <div class="mdesc">\r
722                         <div class="short">Finds the first child that has the attribute with the specified value.</div>\r
723             <div class="long">\r
724                 Finds the first child that has the attribute with the specified value.    <div class="mdetail-params">\r
725         <strong>Parameters:</strong>\r
726         <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>\r
727         <strong>Returns:</strong>\r
728         <ul>\r
729             <li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li>\r
730         </ul>\r
731     </div>\r
732                 </div>\r
733                         </div>\r
734         </td>\r
735         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#findChild" href="output/Ext.data.Node.html#findChild">Node</a></td>\r
736     </tr>\r
737         <tr class="method-row inherited expandable">\r
738         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
739         <td class="sig">\r
740         <a id="Ext.tree.TreeNode-findChildBy"></a>\r
741             <b>findChildBy</b>(&nbsp;<code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : Node            <div class="mdesc">\r
742                         <div class="short">Finds the first child by a custom function. The child matches if the function passed
743 returns true.</div>\r
744             <div class="long">\r
745                 Finds the first child by a custom function. The child matches if the function passed
746 returns true.    <div class="mdetail-params">\r
747         <strong>Parameters:</strong>\r
748         <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>\r
749         <strong>Returns:</strong>\r
750         <ul>\r
751             <li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li>\r
752         </ul>\r
753     </div>\r
754                 </div>\r
755                         </div>\r
756         </td>\r
757         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#findChildBy" href="output/Ext.data.Node.html#findChildBy">Node</a></td>\r
758     </tr>\r
759         <tr class="method-row inherited alt expandable">\r
760         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
761         <td class="sig">\r
762         <a id="Ext.tree.TreeNode-fireEvent"></a>\r
763             <b>fireEvent</b>(&nbsp;<code>String eventName</code>, <code>Object... args</code>&nbsp;) : Boolean            <div class="mdesc">\r
764                         <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>\r
765             <div class="long">\r
766                 Fires the specified event with the passed parameters (minus the event name).    <div class="mdetail-params">\r
767         <strong>Parameters:</strong>\r
768         <ul><li><code>eventName</code> : String<div class="sub-desc"></div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers</div></li>        </ul>\r
769         <strong>Returns:</strong>\r
770         <ul>\r
771             <li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true</div></li>\r
772         </ul>\r
773     </div>\r
774                 </div>\r
775                         </div>\r
776         </td>\r
777         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#fireEvent" href="output/Ext.util.Observable.html#fireEvent">Observable</a></td>\r
778     </tr>\r
779         <tr class="method-row inherited expandable">\r
780         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
781         <td class="sig">\r
782         <a id="Ext.tree.TreeNode-getDepth"></a>\r
783             <b>getDepth</b>() : Number            <div class="mdesc">\r
784                         <div class="short">Returns depth of this node (the root node has a depth of 0)</div>\r
785             <div class="long">\r
786                 Returns depth of this node (the root node has a depth of 0)    <div class="mdetail-params">\r
787         <strong>Parameters:</strong>\r
788         <ul><li>None.</li>        </ul>\r
789         <strong>Returns:</strong>\r
790         <ul>\r
791             <li><code>Number</code></li>\r
792         </ul>\r
793     </div>\r
794                 </div>\r
795                         </div>\r
796         </td>\r
797         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#getDepth" href="output/Ext.data.Node.html#getDepth">Node</a></td>\r
798     </tr>\r
799         <tr class="method-row inherited alt expandable">\r
800         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
801         <td class="sig">\r
802         <a id="Ext.tree.TreeNode-getOwnerTree"></a>\r
803             <b>getOwnerTree</b>() : Tree            <div class="mdesc">\r
804                         <div class="short">Returns the tree this node is in.</div>\r
805             <div class="long">\r
806                 Returns the tree this node is in.    <div class="mdetail-params">\r
807         <strong>Parameters:</strong>\r
808         <ul><li>None.</li>        </ul>\r
809         <strong>Returns:</strong>\r
810         <ul>\r
811             <li><code>Tree</code></li>\r
812         </ul>\r
813     </div>\r
814                 </div>\r
815                         </div>\r
816         </td>\r
817         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#getOwnerTree" href="output/Ext.data.Node.html#getOwnerTree">Node</a></td>\r
818     </tr>\r
819         <tr class="method-row inherited expandable">\r
820         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
821         <td class="sig">\r
822         <a id="Ext.tree.TreeNode-getPath"></a>\r
823             <b>getPath</b>(&nbsp;<span class="optional" title="Optional">[<code>String attr</code>]</span>&nbsp;) : String            <div class="mdesc">\r
824                         <div class="short">Returns the path for this node. The path can be used to expand or select this node programmatically.</div>\r
825             <div class="long">\r
826                 Returns the path for this node. The path can be used to expand or select this node programmatically.    <div class="mdetail-params">\r
827         <strong>Parameters:</strong>\r
828         <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>\r
829         <strong>Returns:</strong>\r
830         <ul>\r
831             <li><code>String</code><div class="sub-desc">The path</div></li>\r
832         </ul>\r
833     </div>\r
834                 </div>\r
835                         </div>\r
836         </td>\r
837         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#getPath" href="output/Ext.data.Node.html#getPath">Node</a></td>\r
838     </tr>\r
839         <tr class="method-row alt expandable">\r
840         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
841         <td class="sig">\r
842         <a id="Ext.tree.TreeNode-getUI"></a>\r
843             <b>getUI</b>() : TreeNodeUI            <div class="mdesc">\r
844                         <div class="short">Returns the UI object for this node.</div>\r
845             <div class="long">\r
846                 Returns the UI object for this node.    <div class="mdetail-params">\r
847         <strong>Parameters:</strong>\r
848         <ul><li>None.</li>        </ul>\r
849         <strong>Returns:</strong>\r
850         <ul>\r
851             <li><code>TreeNodeUI</code><div class="sub-desc">The object which is providing the user interface for this tree node. Unless otherwise specified in the {@link #uiProvider}, this will be an instance of {@link Ext.tree.TreeNodeUI}</div></li>\r
852         </ul>\r
853     </div>\r
854                 </div>\r
855                         </div>\r
856         </td>\r
857         <td class="msource">TreeNode</td>\r
858     </tr>\r
859         <tr class="method-row inherited expandable">\r
860         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
861         <td class="sig">\r
862         <a id="Ext.tree.TreeNode-hasChildNodes"></a>\r
863             <b>hasChildNodes</b>() : Boolean            <div class="mdesc">\r
864                         <div class="short">Returns true if this node has one or more child nodes, else false.</div>\r
865             <div class="long">\r
866                 Returns true if this node has one or more child nodes, else false.    <div class="mdetail-params">\r
867         <strong>Parameters:</strong>\r
868         <ul><li>None.</li>        </ul>\r
869         <strong>Returns:</strong>\r
870         <ul>\r
871             <li><code>Boolean</code></li>\r
872         </ul>\r
873     </div>\r
874                 </div>\r
875                         </div>\r
876         </td>\r
877         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#hasChildNodes" href="output/Ext.data.Node.html#hasChildNodes">Node</a></td>\r
878     </tr>\r
879         <tr class="method-row inherited alt expandable">\r
880         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
881         <td class="sig">\r
882         <a id="Ext.tree.TreeNode-hasListener"></a>\r
883             <b>hasListener</b>(&nbsp;<code>String eventName</code>&nbsp;) : Boolean            <div class="mdesc">\r
884                         <div class="short">Checks to see if this object has any listeners for a specified event</div>\r
885             <div class="long">\r
886                 Checks to see if this object has any listeners for a specified event    <div class="mdetail-params">\r
887         <strong>Parameters:</strong>\r
888         <ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li>        </ul>\r
889         <strong>Returns:</strong>\r
890         <ul>\r
891             <li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li>\r
892         </ul>\r
893     </div>\r
894                 </div>\r
895                         </div>\r
896         </td>\r
897         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#hasListener" href="output/Ext.util.Observable.html#hasListener">Observable</a></td>\r
898     </tr>\r
899         <tr class="method-row inherited expandable">\r
900         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
901         <td class="sig">\r
902         <a id="Ext.tree.TreeNode-indexOf"></a>\r
903             <b>indexOf</b>(&nbsp;<code>Node node</code>&nbsp;) : Number            <div class="mdesc">\r
904                         <div class="short">Returns the index of a child node</div>\r
905             <div class="long">\r
906                 Returns the index of a child node    <div class="mdetail-params">\r
907         <strong>Parameters:</strong>\r
908         <ul><li><code>node</code> : Node<div class="sub-desc"></div></li>        </ul>\r
909         <strong>Returns:</strong>\r
910         <ul>\r
911             <li><code>Number</code><div class="sub-desc">The index of the node or -1 if it was not found</div></li>\r
912         </ul>\r
913     </div>\r
914                 </div>\r
915                         </div>\r
916         </td>\r
917         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#indexOf" href="output/Ext.data.Node.html#indexOf">Node</a></td>\r
918     </tr>\r
919         <tr class="method-row inherited alt expandable">\r
920         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
921         <td class="sig">\r
922         <a id="Ext.tree.TreeNode-insertBefore"></a>\r
923             <b>insertBefore</b>(&nbsp;<code>Node node</code>, <code>Node refNode</code>&nbsp;) : Node            <div class="mdesc">\r
924                         <div class="short">Inserts the first node before the second node in this nodes childNodes collection.</div>\r
925             <div class="long">\r
926                 Inserts the first node before the second node in this nodes childNodes collection.    <div class="mdetail-params">\r
927         <strong>Parameters:</strong>\r
928         <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>\r
929         <strong>Returns:</strong>\r
930         <ul>\r
931             <li><code>Node</code><div class="sub-desc">The inserted node</div></li>\r
932         </ul>\r
933     </div>\r
934                 </div>\r
935                         </div>\r
936         </td>\r
937         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#insertBefore" href="output/Ext.data.Node.html#insertBefore">Node</a></td>\r
938     </tr>\r
939         <tr class="method-row inherited expandable">\r
940         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
941         <td class="sig">\r
942         <a id="Ext.tree.TreeNode-isAncestor"></a>\r
943             <b>isAncestor</b>(&nbsp;<code>Node node</code>&nbsp;) : Boolean            <div class="mdesc">\r
944                         <div class="short">Returns true if the passed node is an ancestor (at any point) of this node.</div>\r
945             <div class="long">\r
946                 Returns true if the passed node is an ancestor (at any point) of this node.    <div class="mdetail-params">\r
947         <strong>Parameters:</strong>\r
948         <ul><li><code>node</code> : Node<div class="sub-desc"></div></li>        </ul>\r
949         <strong>Returns:</strong>\r
950         <ul>\r
951             <li><code>Boolean</code></li>\r
952         </ul>\r
953     </div>\r
954                 </div>\r
955                         </div>\r
956         </td>\r
957         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#isAncestor" href="output/Ext.data.Node.html#isAncestor">Node</a></td>\r
958     </tr>\r
959         <tr class="method-row inherited alt expandable">\r
960         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
961         <td class="sig">\r
962         <a id="Ext.tree.TreeNode-isExpandable"></a>\r
963             <b>isExpandable</b>() : Boolean            <div class="mdesc">\r
964                         <div class="short">Returns true if this node has one or more child nodes, or if the expandable
965 node attribute is explicitly specified as...</div>\r
966             <div class="long">\r
967                 Returns true if this node has one or more child nodes, or if the <tt>expandable</tt>
968 node attribute is explicitly specified as true (see <a ext:cls="Ext.data.Node" ext:member="attributes" href="output/Ext.data.Node.html#attributes">attributes</a>), otherwise returns false.    <div class="mdetail-params">\r
969         <strong>Parameters:</strong>\r
970         <ul><li>None.</li>        </ul>\r
971         <strong>Returns:</strong>\r
972         <ul>\r
973             <li><code>Boolean</code></li>\r
974         </ul>\r
975     </div>\r
976                 </div>\r
977                         </div>\r
978         </td>\r
979         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#isExpandable" href="output/Ext.data.Node.html#isExpandable">Node</a></td>\r
980     </tr>\r
981         <tr class="method-row expandable">\r
982         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
983         <td class="sig">\r
984         <a id="Ext.tree.TreeNode-isExpanded"></a>\r
985             <b>isExpanded</b>() : Boolean            <div class="mdesc">\r
986                         <div class="short">Returns true if this node is expanded</div>\r
987             <div class="long">\r
988                 Returns true if this node is expanded    <div class="mdetail-params">\r
989         <strong>Parameters:</strong>\r
990         <ul><li>None.</li>        </ul>\r
991         <strong>Returns:</strong>\r
992         <ul>\r
993             <li><code>Boolean</code></li>\r
994         </ul>\r
995     </div>\r
996                 </div>\r
997                         </div>\r
998         </td>\r
999         <td class="msource">TreeNode</td>\r
1000     </tr>\r
1001         <tr class="method-row inherited alt expandable">\r
1002         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1003         <td class="sig">\r
1004         <a id="Ext.tree.TreeNode-isFirst"></a>\r
1005             <b>isFirst</b>() : Boolean            <div class="mdesc">\r
1006                         <div class="short">Returns true if this node is the first child of its parent</div>\r
1007             <div class="long">\r
1008                 Returns true if this node is the first child of its parent    <div class="mdetail-params">\r
1009         <strong>Parameters:</strong>\r
1010         <ul><li>None.</li>        </ul>\r
1011         <strong>Returns:</strong>\r
1012         <ul>\r
1013             <li><code>Boolean</code></li>\r
1014         </ul>\r
1015     </div>\r
1016                 </div>\r
1017                         </div>\r
1018         </td>\r
1019         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#isFirst" href="output/Ext.data.Node.html#isFirst">Node</a></td>\r
1020     </tr>\r
1021         <tr class="method-row inherited expandable">\r
1022         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1023         <td class="sig">\r
1024         <a id="Ext.tree.TreeNode-isLast"></a>\r
1025             <b>isLast</b>() : Boolean            <div class="mdesc">\r
1026                         <div class="short">Returns true if this node is the last child of its parent</div>\r
1027             <div class="long">\r
1028                 Returns true if this node is the last child of its parent    <div class="mdetail-params">\r
1029         <strong>Parameters:</strong>\r
1030         <ul><li>None.</li>        </ul>\r
1031         <strong>Returns:</strong>\r
1032         <ul>\r
1033             <li><code>Boolean</code></li>\r
1034         </ul>\r
1035     </div>\r
1036                 </div>\r
1037                         </div>\r
1038         </td>\r
1039         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#isLast" href="output/Ext.data.Node.html#isLast">Node</a></td>\r
1040     </tr>\r
1041         <tr class="method-row inherited alt expandable">\r
1042         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1043         <td class="sig">\r
1044         <a id="Ext.tree.TreeNode-isLeaf"></a>\r
1045             <b>isLeaf</b>() : Boolean            <div class="mdesc">\r
1046                         <div class="short">Returns true if this node is a leaf</div>\r
1047             <div class="long">\r
1048                 Returns true if this node is a leaf    <div class="mdetail-params">\r
1049         <strong>Parameters:</strong>\r
1050         <ul><li>None.</li>        </ul>\r
1051         <strong>Returns:</strong>\r
1052         <ul>\r
1053             <li><code>Boolean</code></li>\r
1054         </ul>\r
1055     </div>\r
1056                 </div>\r
1057                         </div>\r
1058         </td>\r
1059         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#isLeaf" href="output/Ext.data.Node.html#isLeaf">Node</a></td>\r
1060     </tr>\r
1061         <tr class="method-row expandable">\r
1062         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1063         <td class="sig">\r
1064         <a id="Ext.tree.TreeNode-isSelected"></a>\r
1065             <b>isSelected</b>() : Boolean            <div class="mdesc">\r
1066                         <div class="short">Returns true if this node is selected</div>\r
1067             <div class="long">\r
1068                 Returns true if this node is selected    <div class="mdetail-params">\r
1069         <strong>Parameters:</strong>\r
1070         <ul><li>None.</li>        </ul>\r
1071         <strong>Returns:</strong>\r
1072         <ul>\r
1073             <li><code>Boolean</code></li>\r
1074         </ul>\r
1075     </div>\r
1076                 </div>\r
1077                         </div>\r
1078         </td>\r
1079         <td class="msource">TreeNode</td>\r
1080     </tr>\r
1081         <tr class="method-row inherited alt expandable">\r
1082         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1083         <td class="sig">\r
1084         <a id="Ext.tree.TreeNode-item"></a>\r
1085             <b>item</b>(&nbsp;<code>Number index</code>&nbsp;) : Node            <div class="mdesc">\r
1086                         <div class="short">Returns the child node at the specified index.</div>\r
1087             <div class="long">\r
1088                 Returns the child node at the specified index.    <div class="mdetail-params">\r
1089         <strong>Parameters:</strong>\r
1090         <ul><li><code>index</code> : Number<div class="sub-desc"></div></li>        </ul>\r
1091         <strong>Returns:</strong>\r
1092         <ul>\r
1093             <li><code>Node</code></li>\r
1094         </ul>\r
1095     </div>\r
1096                 </div>\r
1097                         </div>\r
1098         </td>\r
1099         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#item" href="output/Ext.data.Node.html#item">Node</a></td>\r
1100     </tr>\r
1101         <tr class="method-row inherited expandable">\r
1102         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1103         <td class="sig">\r
1104         <a id="Ext.tree.TreeNode-on"></a>\r
1105             <b>on</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : void            <div class="mdesc">\r
1106                         <div class="short">Appends an event handler to this element (shorthand for addListener)</div>\r
1107             <div class="long">\r
1108                 Appends an event handler to this element (shorthand for addListener)    <div class="mdetail-params">\r
1109         <strong>Parameters:</strong>\r
1110         <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 in which to execute the handler
1111 function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional)</div></li>        </ul>\r
1112         <strong>Returns:</strong>\r
1113         <ul>\r
1114             <li><code>void</code></li>\r
1115         </ul>\r
1116     </div>\r
1117                 </div>\r
1118                         </div>\r
1119         </td>\r
1120         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#on" href="output/Ext.util.Observable.html#on">Observable</a></td>\r
1121     </tr>\r
1122         <tr class="method-row inherited alt expandable">\r
1123         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1124         <td class="sig">\r
1125         <a id="Ext.tree.TreeNode-purgeListeners"></a>\r
1126             <b>purgeListeners</b>() : void            <div class="mdesc">\r
1127                         <div class="short">Removes all listeners for this object</div>\r
1128             <div class="long">\r
1129                 Removes all listeners for this object    <div class="mdetail-params">\r
1130         <strong>Parameters:</strong>\r
1131         <ul><li>None.</li>        </ul>\r
1132         <strong>Returns:</strong>\r
1133         <ul>\r
1134             <li><code>void</code></li>\r
1135         </ul>\r
1136     </div>\r
1137                 </div>\r
1138                         </div>\r
1139         </td>\r
1140         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#purgeListeners" href="output/Ext.util.Observable.html#purgeListeners">Observable</a></td>\r
1141     </tr>\r
1142         <tr class="method-row inherited expandable">\r
1143         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1144         <td class="sig">\r
1145         <a id="Ext.tree.TreeNode-relayEvents"></a>\r
1146             <b>relayEvents</b>(&nbsp;<code>Object o</code>, <code>Array events</code>&nbsp;) : void            <div class="mdesc">\r
1147                         <div class="short">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.</div>\r
1148             <div class="long">\r
1149                 Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.    <div class="mdetail-params">\r
1150         <strong>Parameters:</strong>\r
1151         <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>\r
1152         <strong>Returns:</strong>\r
1153         <ul>\r
1154             <li><code>void</code></li>\r
1155         </ul>\r
1156     </div>\r
1157                 </div>\r
1158                         </div>\r
1159         </td>\r
1160         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#relayEvents" href="output/Ext.util.Observable.html#relayEvents">Observable</a></td>\r
1161     </tr>\r
1162         <tr class="method-row inherited alt expandable">\r
1163         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1164         <td class="sig">\r
1165         <a id="Ext.tree.TreeNode-remove"></a>\r
1166             <b>remove</b>() : Node            <div class="mdesc">\r
1167                         <div class="short">Removes this node from it's parent</div>\r
1168             <div class="long">\r
1169                 Removes this node from it's parent    <div class="mdetail-params">\r
1170         <strong>Parameters:</strong>\r
1171         <ul><li>None.</li>        </ul>\r
1172         <strong>Returns:</strong>\r
1173         <ul>\r
1174             <li><code>Node</code><div class="sub-desc">this</div></li>\r
1175         </ul>\r
1176     </div>\r
1177                 </div>\r
1178                         </div>\r
1179         </td>\r
1180         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#remove" href="output/Ext.data.Node.html#remove">Node</a></td>\r
1181     </tr>\r
1182         <tr class="method-row inherited expandable">\r
1183         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1184         <td class="sig">\r
1185         <a id="Ext.tree.TreeNode-removeChild"></a>\r
1186             <b>removeChild</b>(&nbsp;<code>Node node</code>&nbsp;) : Node            <div class="mdesc">\r
1187                         <div class="short">Removes a child node from this node.</div>\r
1188             <div class="long">\r
1189                 Removes a child node from this node.    <div class="mdetail-params">\r
1190         <strong>Parameters:</strong>\r
1191         <ul><li><code>node</code> : Node<div class="sub-desc">The node to remove</div></li>        </ul>\r
1192         <strong>Returns:</strong>\r
1193         <ul>\r
1194             <li><code>Node</code><div class="sub-desc">The removed node</div></li>\r
1195         </ul>\r
1196     </div>\r
1197                 </div>\r
1198                         </div>\r
1199         </td>\r
1200         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#removeChild" href="output/Ext.data.Node.html#removeChild">Node</a></td>\r
1201     </tr>\r
1202         <tr class="method-row inherited alt expandable">\r
1203         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1204         <td class="sig">\r
1205         <a id="Ext.tree.TreeNode-removeListener"></a>\r
1206             <b>removeListener</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
1207                         <div class="short">Removes a listener</div>\r
1208             <div class="long">\r
1209                 Removes a listener    <div class="mdetail-params">\r
1210         <strong>Parameters:</strong>\r
1211         <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 handler to remove</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this object) for the handler</div></li>        </ul>\r
1212         <strong>Returns:</strong>\r
1213         <ul>\r
1214             <li><code>void</code></li>\r
1215         </ul>\r
1216     </div>\r
1217                 </div>\r
1218                         </div>\r
1219         </td>\r
1220         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#removeListener" href="output/Ext.util.Observable.html#removeListener">Observable</a></td>\r
1221     </tr>\r
1222         <tr class="method-row inherited expandable">\r
1223         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1224         <td class="sig">\r
1225         <a id="Ext.tree.TreeNode-replaceChild"></a>\r
1226             <b>replaceChild</b>(&nbsp;<code>Node newChild</code>, <code>Node oldChild</code>&nbsp;) : Node            <div class="mdesc">\r
1227                         <div class="short">Replaces one child node in this node with another.</div>\r
1228             <div class="long">\r
1229                 Replaces one child node in this node with another.    <div class="mdetail-params">\r
1230         <strong>Parameters:</strong>\r
1231         <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>\r
1232         <strong>Returns:</strong>\r
1233         <ul>\r
1234             <li><code>Node</code><div class="sub-desc">The replaced node</div></li>\r
1235         </ul>\r
1236     </div>\r
1237                 </div>\r
1238                         </div>\r
1239         </td>\r
1240         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#replaceChild" href="output/Ext.data.Node.html#replaceChild">Node</a></td>\r
1241     </tr>\r
1242         <tr class="method-row inherited alt expandable">\r
1243         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1244         <td class="sig">\r
1245         <a id="Ext.tree.TreeNode-resumeEvents"></a>\r
1246             <b>resumeEvents</b>() : void            <div class="mdesc">\r
1247                         <div class="short">Resume firing events. (see <a ext:cls="Ext.util.Observable" ext:member="suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">suspendEvents</a>)</div>\r
1248             <div class="long">\r
1249                 Resume firing events. (see <a ext:cls="Ext.util.Observable" ext:member="suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">suspendEvents</a>)    <div class="mdetail-params">\r
1250         <strong>Parameters:</strong>\r
1251         <ul><li>None.</li>        </ul>\r
1252         <strong>Returns:</strong>\r
1253         <ul>\r
1254             <li><code>void</code></li>\r
1255         </ul>\r
1256     </div>\r
1257                 </div>\r
1258                         </div>\r
1259         </td>\r
1260         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">Observable</a></td>\r
1261     </tr>\r
1262         <tr class="method-row expandable">\r
1263         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1264         <td class="sig">\r
1265         <a id="Ext.tree.TreeNode-select"></a>\r
1266             <b>select</b>() : void            <div class="mdesc">\r
1267                         <div class="short">Triggers selection of this node</div>\r
1268             <div class="long">\r
1269                 Triggers selection of this node    <div class="mdetail-params">\r
1270         <strong>Parameters:</strong>\r
1271         <ul><li>None.</li>        </ul>\r
1272         <strong>Returns:</strong>\r
1273         <ul>\r
1274             <li><code>void</code></li>\r
1275         </ul>\r
1276     </div>\r
1277                 </div>\r
1278                         </div>\r
1279         </td>\r
1280         <td class="msource">TreeNode</td>\r
1281     </tr>\r
1282         <tr class="method-row alt expandable">\r
1283         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1284         <td class="sig">\r
1285         <a id="Ext.tree.TreeNode-setText"></a>\r
1286             <b>setText</b>(&nbsp;<code>String text</code>&nbsp;) : void            <div class="mdesc">\r
1287                         <div class="short">Sets the text for this node</div>\r
1288             <div class="long">\r
1289                 Sets the text for this node    <div class="mdetail-params">\r
1290         <strong>Parameters:</strong>\r
1291         <ul><li><code>text</code> : String<div class="sub-desc"></div></li>        </ul>\r
1292         <strong>Returns:</strong>\r
1293         <ul>\r
1294             <li><code>void</code></li>\r
1295         </ul>\r
1296     </div>\r
1297                 </div>\r
1298                         </div>\r
1299         </td>\r
1300         <td class="msource">TreeNode</td>\r
1301     </tr>\r
1302         <tr class="method-row inherited expandable">\r
1303         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1304         <td class="sig">\r
1305         <a id="Ext.tree.TreeNode-sort"></a>\r
1306             <b>sort</b>(&nbsp;<code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
1307                         <div class="short">Sorts this nodes children using the supplied sort function</div>\r
1308             <div class="long">\r
1309                 Sorts this nodes children using the supplied sort function    <div class="mdetail-params">\r
1310         <strong>Parameters:</strong>\r
1311         <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>\r
1312         <strong>Returns:</strong>\r
1313         <ul>\r
1314             <li><code>void</code></li>\r
1315         </ul>\r
1316     </div>\r
1317                 </div>\r
1318                         </div>\r
1319         </td>\r
1320         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#sort" href="output/Ext.data.Node.html#sort">Node</a></td>\r
1321     </tr>\r
1322         <tr class="method-row inherited alt expandable">\r
1323         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1324         <td class="sig">\r
1325         <a id="Ext.tree.TreeNode-suspendEvents"></a>\r
1326             <b>suspendEvents</b>() : void            <div class="mdesc">\r
1327                         <div class="short">Suspend the firing of all events. (see <a ext:cls="Ext.util.Observable" ext:member="resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">resumeEvents</a>)</div>\r
1328             <div class="long">\r
1329                 Suspend the firing of all events. (see <a ext:cls="Ext.util.Observable" ext:member="resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">resumeEvents</a>)    <div class="mdetail-params">\r
1330         <strong>Parameters:</strong>\r
1331         <ul><li>None.</li>        </ul>\r
1332         <strong>Returns:</strong>\r
1333         <ul>\r
1334             <li><code>void</code></li>\r
1335         </ul>\r
1336     </div>\r
1337                 </div>\r
1338                         </div>\r
1339         </td>\r
1340         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">Observable</a></td>\r
1341     </tr>\r
1342         <tr class="method-row expandable">\r
1343         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1344         <td class="sig">\r
1345         <a id="Ext.tree.TreeNode-toggle"></a>\r
1346             <b>toggle</b>() : void            <div class="mdesc">\r
1347                         <div class="short">Toggles expanded/collapsed state of the node</div>\r
1348             <div class="long">\r
1349                 Toggles expanded/collapsed state of the node    <div class="mdetail-params">\r
1350         <strong>Parameters:</strong>\r
1351         <ul><li>None.</li>        </ul>\r
1352         <strong>Returns:</strong>\r
1353         <ul>\r
1354             <li><code>void</code></li>\r
1355         </ul>\r
1356     </div>\r
1357                 </div>\r
1358                         </div>\r
1359         </td>\r
1360         <td class="msource">TreeNode</td>\r
1361     </tr>\r
1362         <tr class="method-row inherited alt expandable">\r
1363         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1364         <td class="sig">\r
1365         <a id="Ext.tree.TreeNode-un"></a>\r
1366             <b>un</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
1367                         <div class="short">Removes a listener (shorthand for removeListener)</div>\r
1368             <div class="long">\r
1369                 Removes a listener (shorthand for removeListener)    <div class="mdetail-params">\r
1370         <strong>Parameters:</strong>\r
1371         <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 handler to remove</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this object) for the handler</div></li>        </ul>\r
1372         <strong>Returns:</strong>\r
1373         <ul>\r
1374             <li><code>void</code></li>\r
1375         </ul>\r
1376     </div>\r
1377                 </div>\r
1378                         </div>\r
1379         </td>\r
1380         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#un" href="output/Ext.util.Observable.html#un">Observable</a></td>\r
1381     </tr>\r
1382         <tr class="method-row expandable">\r
1383         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1384         <td class="sig">\r
1385         <a id="Ext.tree.TreeNode-unselect"></a>\r
1386             <b>unselect</b>() : void            <div class="mdesc">\r
1387                         <div class="short">Triggers deselection of this node</div>\r
1388             <div class="long">\r
1389                 Triggers deselection of this node    <div class="mdetail-params">\r
1390         <strong>Parameters:</strong>\r
1391         <ul><li>None.</li>        </ul>\r
1392         <strong>Returns:</strong>\r
1393         <ul>\r
1394             <li><code>void</code></li>\r
1395         </ul>\r
1396     </div>\r
1397                 </div>\r
1398                         </div>\r
1399         </td>\r
1400         <td class="msource">TreeNode</td>\r
1401     </tr>\r
1402             </table>
1403                 <a id="Ext.tree.TreeNode-events"></a>
1404         <h2>Public Events</h2>
1405                 <table cellspacing="0" class="member-table">
1406             <tr>
1407                 <th class="sig-header" colspan="2">Event</th>
1408                 <th class="msource-header">Defined By</th>
1409             </tr>
1410                 <tr class="event-row inherited expandable">\r
1411         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1412         <td class="sig">\r
1413         <a id="Ext.tree.TreeNode-append"></a>\r
1414             <b>append</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>, <code>Number index</code>&nbsp;)            <div class="mdesc">\r
1415                         <div class="short">Fires when a new child node is appended</div>\r
1416             <div class="long">\r
1417                 Fires when a new child node is appended    <div class="mdetail-params">\r
1418         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1419         <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>\r
1420     </div>\r
1421                 </div>\r
1422                         </div>\r
1423         </td>\r
1424         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-append" href="output/Ext.data.Node.html#event-append">Node</a></td>\r
1425     </tr>\r
1426         <tr class="event-row inherited alt expandable">\r
1427         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1428         <td class="sig">\r
1429         <a id="Ext.tree.TreeNode-beforeappend"></a>\r
1430             <b>beforeappend</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>&nbsp;)            <div class="mdesc">\r
1431                         <div class="short">Fires before a new child is appended, return false to cancel the append.</div>\r
1432             <div class="long">\r
1433                 Fires before a new child is appended, return false to cancel the append.    <div class="mdetail-params">\r
1434         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1435         <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>\r
1436     </div>\r
1437                 </div>\r
1438                         </div>\r
1439         </td>\r
1440         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-beforeappend" href="output/Ext.data.Node.html#event-beforeappend">Node</a></td>\r
1441     </tr>\r
1442         <tr class="event-row expandable">\r
1443         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1444         <td class="sig">\r
1445         <a id="Ext.tree.TreeNode-beforechildrenrendered"></a>\r
1446             <b>beforechildrenrendered</b> : (&nbsp;<code>Node this</code>&nbsp;)            <div class="mdesc">\r
1447                         <div class="short">Fires right before the child nodes for this node are rendered</div>\r
1448             <div class="long">\r
1449                 Fires right before the child nodes for this node are rendered    <div class="mdetail-params">\r
1450         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1451         <ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li>        </ul>\r
1452     </div>\r
1453                 </div>\r
1454                         </div>\r
1455         </td>\r
1456         <td class="msource">TreeNode</td>\r
1457     </tr>\r
1458         <tr class="event-row alt expandable">\r
1459         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1460         <td class="sig">\r
1461         <a id="Ext.tree.TreeNode-beforeclick"></a>\r
1462             <b>beforeclick</b> : (&nbsp;<code>Node this</code>, <code>Ext.EventObject e</code>&nbsp;)            <div class="mdesc">\r
1463                         <div class="short">Fires before click processing. Return false to cancel the default action.</div>\r
1464             <div class="long">\r
1465                 Fires before click processing. Return false to cancel the default action.    <div class="mdetail-params">\r
1466         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1467         <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>\r
1468     </div>\r
1469                 </div>\r
1470                         </div>\r
1471         </td>\r
1472         <td class="msource">TreeNode</td>\r
1473     </tr>\r
1474         <tr class="event-row expandable">\r
1475         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1476         <td class="sig">\r
1477         <a id="Ext.tree.TreeNode-beforecollapse"></a>\r
1478             <b>beforecollapse</b> : (&nbsp;<code>Node this</code>, <code>Boolean deep</code>, <code>Boolean anim</code>&nbsp;)            <div class="mdesc">\r
1479                         <div class="short">Fires before this node is collapsed, return false to cancel.</div>\r
1480             <div class="long">\r
1481                 Fires before this node is collapsed, return false to cancel.    <div class="mdetail-params">\r
1482         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1483         <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>\r
1484     </div>\r
1485                 </div>\r
1486                         </div>\r
1487         </td>\r
1488         <td class="msource">TreeNode</td>\r
1489     </tr>\r
1490         <tr class="event-row alt expandable">\r
1491         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1492         <td class="sig">\r
1493         <a id="Ext.tree.TreeNode-beforeexpand"></a>\r
1494             <b>beforeexpand</b> : (&nbsp;<code>Node this</code>, <code>Boolean deep</code>, <code>Boolean anim</code>&nbsp;)            <div class="mdesc">\r
1495                         <div class="short">Fires before this node is expanded, return false to cancel.</div>\r
1496             <div class="long">\r
1497                 Fires before this node is expanded, return false to cancel.    <div class="mdetail-params">\r
1498         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1499         <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>\r
1500     </div>\r
1501                 </div>\r
1502                         </div>\r
1503         </td>\r
1504         <td class="msource">TreeNode</td>\r
1505     </tr>\r
1506         <tr class="event-row inherited expandable">\r
1507         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1508         <td class="sig">\r
1509         <a id="Ext.tree.TreeNode-beforeinsert"></a>\r
1510             <b>beforeinsert</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>, <code>Node refNode</code>&nbsp;)            <div class="mdesc">\r
1511                         <div class="short">Fires before a new child is inserted, return false to cancel the insert.</div>\r
1512             <div class="long">\r
1513                 Fires before a new child is inserted, return false to cancel the insert.    <div class="mdetail-params">\r
1514         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1515         <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>\r
1516     </div>\r
1517                 </div>\r
1518                         </div>\r
1519         </td>\r
1520         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-beforeinsert" href="output/Ext.data.Node.html#event-beforeinsert">Node</a></td>\r
1521     </tr>\r
1522         <tr class="event-row inherited alt expandable">\r
1523         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1524         <td class="sig">\r
1525         <a id="Ext.tree.TreeNode-beforemove"></a>\r
1526             <b>beforemove</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node oldParent</code>, <code>Node newParent</code>, <code>Number index</code>&nbsp;)            <div class="mdesc">\r
1527                         <div class="short">Fires before this node is moved to a new location in the tree. Return false to cancel the move.</div>\r
1528             <div class="long">\r
1529                 Fires before this node is moved to a new location in the tree. Return false to cancel the move.    <div class="mdetail-params">\r
1530         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1531         <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>\r
1532     </div>\r
1533                 </div>\r
1534                         </div>\r
1535         </td>\r
1536         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-beforemove" href="output/Ext.data.Node.html#event-beforemove">Node</a></td>\r
1537     </tr>\r
1538         <tr class="event-row inherited expandable">\r
1539         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1540         <td class="sig">\r
1541         <a id="Ext.tree.TreeNode-beforeremove"></a>\r
1542             <b>beforeremove</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>&nbsp;)            <div class="mdesc">\r
1543                         <div class="short">Fires before a child is removed, return false to cancel the remove.</div>\r
1544             <div class="long">\r
1545                 Fires before a child is removed, return false to cancel the remove.    <div class="mdetail-params">\r
1546         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1547         <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>\r
1548     </div>\r
1549                 </div>\r
1550                         </div>\r
1551         </td>\r
1552         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-beforeremove" href="output/Ext.data.Node.html#event-beforeremove">Node</a></td>\r
1553     </tr>\r
1554         <tr class="event-row alt expandable">\r
1555         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1556         <td class="sig">\r
1557         <a id="Ext.tree.TreeNode-checkchange"></a>\r
1558             <b>checkchange</b> : (&nbsp;<code>Node this</code>, <code>Boolean checked</code>&nbsp;)            <div class="mdesc">\r
1559                         <div class="short">Fires when a node with a checkbox's checked property changes</div>\r
1560             <div class="long">\r
1561                 Fires when a node with a checkbox's checked property changes    <div class="mdetail-params">\r
1562         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1563         <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>\r
1564     </div>\r
1565                 </div>\r
1566                         </div>\r
1567         </td>\r
1568         <td class="msource">TreeNode</td>\r
1569     </tr>\r
1570         <tr class="event-row expandable">\r
1571         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1572         <td class="sig">\r
1573         <a id="Ext.tree.TreeNode-click"></a>\r
1574             <b>click</b> : (&nbsp;<code>Node this</code>, <code>Ext.EventObject e</code>&nbsp;)            <div class="mdesc">\r
1575                         <div class="short">Fires when this node is clicked</div>\r
1576             <div class="long">\r
1577                 Fires when this node is clicked    <div class="mdetail-params">\r
1578         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1579         <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>\r
1580     </div>\r
1581                 </div>\r
1582                         </div>\r
1583         </td>\r
1584         <td class="msource">TreeNode</td>\r
1585     </tr>\r
1586         <tr class="event-row alt expandable">\r
1587         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1588         <td class="sig">\r
1589         <a id="Ext.tree.TreeNode-collapse"></a>\r
1590             <b>collapse</b> : (&nbsp;<code>Node this</code>&nbsp;)            <div class="mdesc">\r
1591                         <div class="short">Fires when this node is collapsed</div>\r
1592             <div class="long">\r
1593                 Fires when this node is collapsed    <div class="mdetail-params">\r
1594         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1595         <ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li>        </ul>\r
1596     </div>\r
1597                 </div>\r
1598                         </div>\r
1599         </td>\r
1600         <td class="msource">TreeNode</td>\r
1601     </tr>\r
1602         <tr class="event-row expandable">\r
1603         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1604         <td class="sig">\r
1605         <a id="Ext.tree.TreeNode-contextmenu"></a>\r
1606             <b>contextmenu</b> : (&nbsp;<code>Node this</code>, <code>Ext.EventObject e</code>&nbsp;)            <div class="mdesc">\r
1607                         <div class="short">Fires when this node is right clicked</div>\r
1608             <div class="long">\r
1609                 Fires when this node is right clicked    <div class="mdetail-params">\r
1610         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1611         <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>\r
1612     </div>\r
1613                 </div>\r
1614                         </div>\r
1615         </td>\r
1616         <td class="msource">TreeNode</td>\r
1617     </tr>\r
1618         <tr class="event-row alt expandable">\r
1619         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1620         <td class="sig">\r
1621         <a id="Ext.tree.TreeNode-dblclick"></a>\r
1622             <b>dblclick</b> : (&nbsp;<code>Node this</code>, <code>Ext.EventObject e</code>&nbsp;)            <div class="mdesc">\r
1623                         <div class="short">Fires when this node is double clicked</div>\r
1624             <div class="long">\r
1625                 Fires when this node is double clicked    <div class="mdetail-params">\r
1626         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1627         <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>\r
1628     </div>\r
1629                 </div>\r
1630                         </div>\r
1631         </td>\r
1632         <td class="msource">TreeNode</td>\r
1633     </tr>\r
1634         <tr class="event-row expandable">\r
1635         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1636         <td class="sig">\r
1637         <a id="Ext.tree.TreeNode-disabledchange"></a>\r
1638             <b>disabledchange</b> : (&nbsp;<code>Node this</code>, <code>Boolean disabled</code>&nbsp;)            <div class="mdesc">\r
1639                         <div class="short">Fires when the disabled status of this node changes</div>\r
1640             <div class="long">\r
1641                 Fires when the disabled status of this node changes    <div class="mdetail-params">\r
1642         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1643         <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>\r
1644     </div>\r
1645                 </div>\r
1646                         </div>\r
1647         </td>\r
1648         <td class="msource">TreeNode</td>\r
1649     </tr>\r
1650         <tr class="event-row alt expandable">\r
1651         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1652         <td class="sig">\r
1653         <a id="Ext.tree.TreeNode-expand"></a>\r
1654             <b>expand</b> : (&nbsp;<code>Node this</code>&nbsp;)            <div class="mdesc">\r
1655                         <div class="short">Fires when this node is expanded</div>\r
1656             <div class="long">\r
1657                 Fires when this node is expanded    <div class="mdetail-params">\r
1658         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1659         <ul><li><code>this</code> : Node<div class="sub-desc">This node</div></li>        </ul>\r
1660     </div>\r
1661                 </div>\r
1662                         </div>\r
1663         </td>\r
1664         <td class="msource">TreeNode</td>\r
1665     </tr>\r
1666         <tr class="event-row inherited expandable">\r
1667         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1668         <td class="sig">\r
1669         <a id="Ext.tree.TreeNode-insert"></a>\r
1670             <b>insert</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>, <code>Node refNode</code>&nbsp;)            <div class="mdesc">\r
1671                         <div class="short">Fires when a new child node is inserted.</div>\r
1672             <div class="long">\r
1673                 Fires when a new child node is inserted.    <div class="mdetail-params">\r
1674         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1675         <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>\r
1676     </div>\r
1677                 </div>\r
1678                         </div>\r
1679         </td>\r
1680         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-insert" href="output/Ext.data.Node.html#event-insert">Node</a></td>\r
1681     </tr>\r
1682         <tr class="event-row inherited alt expandable">\r
1683         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1684         <td class="sig">\r
1685         <a id="Ext.tree.TreeNode-move"></a>\r
1686             <b>move</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node oldParent</code>, <code>Node newParent</code>, <code>Number index</code>&nbsp;)            <div class="mdesc">\r
1687                         <div class="short">Fires when this node is moved to a new location in the tree</div>\r
1688             <div class="long">\r
1689                 Fires when this node is moved to a new location in the tree    <div class="mdetail-params">\r
1690         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1691         <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>\r
1692     </div>\r
1693                 </div>\r
1694                         </div>\r
1695         </td>\r
1696         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-move" href="output/Ext.data.Node.html#event-move">Node</a></td>\r
1697     </tr>\r
1698         <tr class="event-row inherited expandable">\r
1699         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1700         <td class="sig">\r
1701         <a id="Ext.tree.TreeNode-remove"></a>\r
1702             <b>remove</b> : (&nbsp;<code>Tree tree</code>, <code>Node this</code>, <code>Node node</code>&nbsp;)            <div class="mdesc">\r
1703                         <div class="short">Fires when a child node is removed</div>\r
1704             <div class="long">\r
1705                 Fires when a child node is removed    <div class="mdetail-params">\r
1706         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1707         <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>\r
1708     </div>\r
1709                 </div>\r
1710                         </div>\r
1711         </td>\r
1712         <td class="msource"><a ext:cls="Ext.data.Node" ext:member="#event-remove" href="output/Ext.data.Node.html#event-remove">Node</a></td>\r
1713     </tr>\r
1714         <tr class="event-row alt expandable">\r
1715         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1716         <td class="sig">\r
1717         <a id="Ext.tree.TreeNode-textchange"></a>\r
1718             <b>textchange</b> : (&nbsp;<code>Node this</code>, <code>String text</code>, <code>String oldText</code>&nbsp;)            <div class="mdesc">\r
1719                         <div class="short">Fires when the text for this node is changed</div>\r
1720             <div class="long">\r
1721                 Fires when the text for this node is changed    <div class="mdetail-params">\r
1722         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1723         <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>\r
1724     </div>\r
1725                 </div>\r
1726                         </div>\r
1727         </td>\r
1728         <td class="msource">TreeNode</td>\r
1729     </tr>\r
1730             </table>
1731         
1732         </div>