X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..ddde20c4d4ac6a8d53de079761155de813845b3c:/docs/output/Ext.tree.TreeNode.html?ds=inline

diff --git a/docs/output/Ext.tree.TreeNode.html b/docs/output/Ext.tree.TreeNode.html
index cf557ada..fa330080 100644
--- a/docs/output/Ext.tree.TreeNode.html
+++ b/docs/output/Ext.tree.TreeNode.html
@@ -1,4 +1,4 @@
-<div xmlns:ext="http://www.extjs.com" class="body-wrap"><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>&#13;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.data.Node.html" ext:member="" ext:cls="Ext.data.Node">Node</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif">TreeNode</pre></div><h1>Class <a href="source/TreeNode.html#cls-Ext.tree.TreeNode">Ext.tree.TreeNode</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.tree</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">TreeNode.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/TreeNode.html#cls-Ext.tree.TreeNode">TreeNode</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.tree.AsyncTreeNode.html" ext:cls="Ext.tree.AsyncTreeNode">AsyncTreeNode</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.data.Node.html" ext:cls="Ext.data.Node" ext:member="">Node</a></td></tr></table><div class="description"></div><div class="hr"></div><a id="Ext.tree.TreeNode-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-allowChildren"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowChildren">allowChildren</a></b> : Boolean<div class="mdesc">False to not allow this node to have child nodes (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-allowDrag"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowDrag">allowDrag</a></b> : Boolean<div class="mdesc">False to make this node undraggable if <a href="output/Ext.tree.TreeNode.html#Ext.tree.TreeNode-draggable" ext:member="draggable" ext:cls="Ext.tree.TreeNode">draggable</a> = true (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-allowDrop"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowDrop">allowDrop</a></b> : Boolean<div class="mdesc">False if this node cannot have child nodes dropped on it (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-checked"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-checked">checked</a></b> : Boolean<div class="mdesc"><div class="short">True to render a checked checkbox for this node, false to render an unchecked checkbox
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.tree.TreeNode-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.tree.TreeNode-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.tree.TreeNode-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.tree.TreeNode-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.tree.TreeNode"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>&#13;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.data.Node.html" ext:member="" ext:cls="Ext.data.Node">Node</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif">TreeNode</pre></div><h1>Class <a href="source/TreeNode.html#cls-Ext.tree.TreeNode">Ext.tree.TreeNode</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.tree</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/TreeNode.html#cls-Ext.tree.TreeNode">TreeNode.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/TreeNode.html#cls-Ext.tree.TreeNode">TreeNode</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.tree.AsyncTreeNode.html" ext:cls="Ext.tree.AsyncTreeNode">AsyncTreeNode</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.data.Node.html" ext:cls="Ext.data.Node" ext:member="">Node</a></td></tr></table><div class="description"></div><div class="hr"></div><a id="Ext.tree.TreeNode-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-allowChildren"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowChildren">allowChildren</a></b> : Boolean<div class="mdesc">False to not allow this node to have child nodes (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-allowDrag"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowDrag">allowDrag</a></b> : Boolean<div class="mdesc">False to make this node undraggable if <a href="output/Ext.tree.TreeNode.html#Ext.tree.TreeNode-draggable" ext:member="draggable" ext:cls="Ext.tree.TreeNode">draggable</a> = true (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-allowDrop"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-allowDrop">allowDrop</a></b> : Boolean<div class="mdesc">False if this node cannot have child nodes dropped on it (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-checked"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-checked">checked</a></b> : Boolean<div class="mdesc"><div class="short">True to render a checked checkbox for this node, false to render an unchecked checkbox
 (defaults to undefined with no...</div><div class="long">True to render a checked checkbox for this node, false to render an unchecked checkbox
 (defaults to undefined with no checkbox rendered)</div></div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-cls"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-cls">cls</a></b> : String<div class="mdesc">A css class to be added to the node</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-disabled"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-disabled">disabled</a></b> : Boolean<div class="mdesc">true to start the node disabled</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-draggable"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-draggable">draggable</a></b> : Boolean<div class="mdesc">True to make this node draggable (defaults to false)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-editable"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-editable">editable</a></b> : Boolean<div class="mdesc">False to not allow this node to be edited by an <a href="output/Ext.tree.TreeEditor.html" ext:cls="Ext.tree.TreeEditor">Ext.tree.TreeEditor</a> (defaults to true)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-expandable"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-expandable">expandable</a></b> : Boolean<div class="mdesc">If set to true, the node will always show a plus/minus icon, even when empty</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-expanded"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-expanded">expanded</a></b> : Boolean<div class="mdesc">true to start the node expanded</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-hidden"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-hidden">hidden</a></b> : Boolean<div class="mdesc">True to render hidden. (Defaults to false).</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-href"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-href">href</a></b> : String<div class="mdesc">URL of the link used for the node (defaults to #)</div></td><td class="msource">TreeNode</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-hrefTarget"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-hrefTarget">hrefTarget</a></b> : String<div class="mdesc">target frame for the link</div></td><td class="msource">TreeNode</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-icon"></a><b><a href="source/TreeNode.html#cfg-Ext.tree.TreeNode-icon">icon</a></b> : String<div class="mdesc"><div class="short">The path to an icon for the node. The preferred way to do this
 is to use the cls or iconCls attributes and add the ic...</div><div class="long">The path to an icon for the node. The preferred way to do this
@@ -117,14 +117,14 @@ Or a shorthand syntax:<br>
     :
                                         Node<div class="mdesc"><div class="short">Insert node(s) as the last child node of this node.</div><div class="long">Insert node(s) as the last child node of this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node/Array<div class="sub-desc">The node or Array of nodes to append</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The appended node if single append, or null if an array was passed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#appendChild" ext:member="#appendChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-bubble"></a><b><a href="source/Tree.html#method-Ext.data.Node-bubble">bubble</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Array&nbsp;args</code>]</span>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">Bubbles up the tree from this node, calling the specified function with each node. The arguments to the function&#13;
-wil...</div><div class="long">Bubbles up the tree from this node, calling the specified function with each node. The arguments to the function
-will be the args provided or the current node. If the function returns false at any point,
+                                        void<div class="mdesc"><div class="short">Bubbles up the tree from this node, calling the specified function with each node. The arguments to the function
+will...</div><div class="long">Bubbles up the tree from this node, calling the specified function with each node. The arguments to the function
+will be the args provided or the current node. If the function returns false at any point,
 the bubble is stopped.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the current Node.</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current Node)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#bubble" ext:member="#bubble" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-cascade"></a><b><a href="source/Tree.html#method-Ext.data.Node-cascade">cascade</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Array&nbsp;args</code>]</span>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">Cascades down the tree from this node, calling the specified function with each node. The arguments to the function&#13;
-...</div><div class="long">Cascades down the tree from this node, calling the specified function with each node. The arguments to the function
-will be the args provided or the current node. If the function returns false at any point,
+                                        void<div class="mdesc"><div class="short">Cascades down the tree from this node, calling the specified function with each node. The arguments to the function
+w...</div><div class="long">Cascades down the tree from this node, calling the specified function with each node. The arguments to the function
+will be the args provided or the current node. If the function returns false at any point,
 the cascade is stopped on that branch.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the current Node.</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current Node)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#cascade" ext:member="#cascade" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-collapse"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-collapse">collapse</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;deep</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;anim</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Function&nbsp;callback</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Collapse this node.</div><div class="long">Collapse this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) True to collapse all children as well</div></li><li><code>anim</code> : Boolean<div class="sub-desc">(optional) false to cancel the default animation</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) A callback to be called when
@@ -139,44 +139,45 @@ Called with 1 parameter, this node.</div></li><li><code>scope</code> : Object<di
     :
                                         void<div class="mdesc"><div class="short">Disables this node</div><div class="long">Disables this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-eachChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-eachChild">eachChild</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Array&nbsp;args</code>]</span>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">Interates the child nodes of this node, calling the specified function with each node. The arguments to the function&#13;...</div><div class="long">Interates the child nodes of this node, calling the specified function with each node. The arguments to the function
-will be the args provided or the current node. If the function returns false at any point,
+                                        void<div class="mdesc"><div class="short">Interates the child nodes of this node, calling the specified function with each node. The arguments to the function
+...</div><div class="long">Interates the child nodes of this node, calling the specified function with each node. The arguments to the function
+will be the args provided or the current node. If the function returns false at any point,
 the iteration stops.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the current Node in the iteration.</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current Node)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#eachChild" ext:member="#eachChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-enable"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-enable">enable</a></b>()
     :
                                         void<div class="mdesc"><div class="short">Enables this node</div><div class="long">Enables this node<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-enableBubble"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>(&nbsp;<code>String/Array&nbsp;events</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling&#13;
-this.getBubbleTarget() if present...</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
-<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
-<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default
-implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
-access the required target more quickly.</p>
-<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {
-    <i>//  Add functionality to Field&#39;s initComponent to enable the change event to bubble
</i>
-    initComponent : Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {
-        this.enableBubble(<em>'change'</em>);
-    }),
-
-    <i>//  We know that we want Field&#39;s events to bubble directly to the FormPanel.
</i>
-    getBubbleTarget : <b>function</b>() {
-        <b>if</b> (!this.formPanel) {
-            this.formPanel = this.findParentByType(<em>'form'</em>);
-        }
-        <b>return</b> this.formPanel;
-    }
-});
-
-<b>var</b> myForm = <b>new</b> Ext.formPanel({
-    title: <em>'User Details'</em>,
-    items: [{
-        ...
-    }],
-    listeners: {
-        change: <b>function</b>() {
-            <i>// Title goes red <b>if</b> form has been modified.
</i>
-            myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);
-        }
-    }
+                                        void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
+<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
+<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default
+implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
+access the required target more quickly.</p>
+<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {
+    <i>//  Add functionality to Field&#39;s initComponent to enable the change event to bubble</i>
+    initComponent : Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {
+        this.enableBubble(<em>'change'</em>);
+    }),
+
+    <i>//  We know that we want Field&#39;s events to bubble directly to the FormPanel.</i>
+    getBubbleTarget : <b>function</b>() {
+        <b>if</b> (!this.formPanel) {
+            this.formPanel = this.findParentByType(<em>'form'</em>);
+        }
+        <b>return</b> this.formPanel;
+    }
+});
+
+<b>var</b> myForm = <b>new</b> Ext.formPanel({
+    title: <em>'User Details'</em>,
+    items: [{
+        ...
+    }],
+    listeners: {
+        change: <b>function</b>() {
+            <i>// Title goes red <b>if</b> form has been modified.</i>
+            myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);
+        }
+    }
 });</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : String/Array<div class="sub-desc">The event name to bubble, or an Array of event names.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-ensureVisible"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-ensureVisible">ensureVisible</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Function&nbsp;callback</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Ensures all parent nodes are expanded, and if necessary, scrolls
@@ -187,11 +188,11 @@ the node into view.<div class="mdetail-params"><strong>Parameters:</strong><ul><
 expanding this node completes (does not wait for deep expand to complete).
 Called with 1 parameter, this node.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the callback is executed. Defaults to this TreeNode.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-expandChildNodes"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-expandChildNodes">expandChildNodes</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;deep</code>]</span>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">Expand all child nodes</div><div class="long">Expand all child nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) true if the child nodes should also expand their child nodes</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-findChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-findChild">findChild</a></b>(&nbsp;<code>String&nbsp;attribute</code>,&nbsp;<code>Mixed&nbsp;value</code>&nbsp;)
+                                        void<div class="mdesc"><div class="short">Expand all child nodes</div><div class="long">Expand all child nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) true if the child nodes should also expand their child nodes</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-findChild"></a><b><a href="source/Tree.html#method-Ext.data.Node-findChild">findChild</a></b>(&nbsp;<code>String&nbsp;attribute</code>,&nbsp;<code>Mixed&nbsp;value</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;deep</code>]</span>&nbsp;)
     :
-                                        Node<div class="mdesc"><div class="short">Finds the first child that has the attribute with the specified value.</div><div class="long">Finds the first child that has the attribute with the specified value.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>attribute</code> : String<div class="sub-desc">The attribute name</div></li><li><code>value</code> : Mixed<div class="sub-desc">The value to search for</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#findChild" ext:member="#findChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-findChildBy"></a><b><a href="source/Tree.html#method-Ext.data.Node-findChildBy">findChildBy</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
+                                        Node<div class="mdesc"><div class="short">Finds the first child that has the attribute with the specified value.</div><div class="long">Finds the first child that has the attribute with the specified value.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>attribute</code> : String<div class="sub-desc">The attribute name</div></li><li><code>value</code> : Mixed<div class="sub-desc">The value to search for</div></li><li><code>deep</code> : Boolean<div class="sub-desc">(Optional) True to search through nodes deeper than the immediate children</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#findChild" ext:member="#findChild" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-findChildBy"></a><b><a href="source/Tree.html#method-Ext.data.Node-findChildBy">findChildBy</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;deep</code>]</span>&nbsp;)
     :
-                                        Node<div class="mdesc"><div class="short">Finds the first child by a custom function. The child matches if the function passed returns true.</div><div class="long">Finds the first child by a custom function. The child matches if the function passed returns <code>true</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">A function which must return <code>true</code> if the passed Node is the required Node.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the Node being tested.</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#findChildBy" ext:member="#findChildBy" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)
+                                        Node<div class="mdesc"><div class="short">Finds the first child by a custom function. The child matches if the function passed returns true.</div><div class="long">Finds the first child by a custom function. The child matches if the function passed returns <code>true</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">A function which must return <code>true</code> if the passed Node is the required Node.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the Node being tested.</div></li><li><code>deep</code> : Boolean<div class="sub-desc">(Optional) True to search through nodes deeper than the immediate children</div></li></ul><strong>Returns:</strong><ul><li><code>Node</code><div class="sub-desc">The found child or null if none was found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#findChildBy" ext:member="#findChildBy" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)
     :
                                         Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).
 An event may be set to bubble up an Obse...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
@@ -218,8 +219,8 @@ of {@link Ext.tree.TreeNodeUI}</div></li></ul></div></div></div></td><td class="
     :
                                         Boolean<div class="mdesc"><div class="short">Returns true if the passed node is an ancestor (at any point) of this node.</div><div class="long">Returns true if the passed node is an ancestor (at any point) of this node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : Node<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isAncestor" ext:member="#isAncestor" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-isExpandable"></a><b><a href="source/Tree.html#method-Ext.data.Node-isExpandable">isExpandable</a></b>()
     :
-                                        Boolean<div class="mdesc"><div class="short">Returns true if this node has one or more child nodes, or if the expandable&#13;
-node attribute is explicitly specified a...</div><div class="long">Returns true if this node has one or more child nodes, or if the <tt>expandable</tt>
+                                        Boolean<div class="mdesc"><div class="short">Returns true if this node has one or more child nodes, or if the expandable
+node attribute is explicitly specified as...</div><div class="long">Returns true if this node has one or more child nodes, or if the <tt>expandable</tt>
 node attribute is explicitly specified as true (see <a href="output/Ext.data.Node.html#Ext.data.Node-attributes" ext:member="attributes" ext:cls="Ext.data.Node">attributes</a>), otherwise returns false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.data.Node.html#isExpandable" ext:member="#isExpandable" ext:cls="Ext.data.Node">Node</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.tree.TreeNode-isExpanded"></a><b><a href="source/TreeNode.html#method-Ext.tree.TreeNode-isExpanded">isExpanded</a></b>()
     :
                                         Boolean<div class="mdesc"><div class="short">Returns true if this node is expanded</div><div class="long">Returns true if this node is expanded<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">TreeNode</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.data.Node-isFirst"></a><b><a href="source/Tree.html#method-Ext.data.Node-isFirst">isFirst</a></b>()