-<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> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Tip.html" ext:member="" ext:cls="Ext.Tip">Tip</a> <img src="resources/elbow-end.gif"><a href="output/Ext.ToolTip.html" ext:member="" ext:cls="Ext.ToolTip">ToolTip</a> <img src="resources/elbow-end.gif">QuickTip</pre></div><h1>Class <a href="source/QuickTip.html#cls-Ext.QuickTip">Ext.QuickTip</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">QuickTip.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/QuickTip.html#cls-Ext.QuickTip">QuickTip</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.ToolTip.html" ext:cls="Ext.ToolTip" ext:member="">ToolTip</a></td></tr></table><div class="description"></div><div class="hr"></div><a id="Ext.QuickTip-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 expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-activeItem"></a><b><a href="source/Container.html#cfg-Ext.Container-activeItem">activeItem</a></b> : String/Number<div class="mdesc"><div class="short">A string component id or the numeric index of the component that should be initially activated within the
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.QuickTip-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.QuickTip-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.QuickTip-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.QuickTip-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.QuickTip"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.Tip.html" ext:member="" ext:cls="Ext.Tip">Tip</a>
+ <img src="resources/elbow-end.gif"><a href="output/Ext.ToolTip.html" ext:member="" ext:cls="Ext.ToolTip">ToolTip</a>
+ <img src="resources/elbow-end.gif">QuickTip</pre></div><h1>Class <a href="source/QuickTip.html#cls-Ext.QuickTip">Ext.QuickTip</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/QuickTip.html#cls-Ext.QuickTip">QuickTip.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/QuickTip.html#cls-Ext.QuickTip">QuickTip</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.ToolTip.html" ext:cls="Ext.ToolTip" ext:member="">ToolTip</a></td></tr></table><div class="description"></div><div class="hr"></div><a id="Ext.QuickTip-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 expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-activeItem"></a><b><a href="source/Container.html#cfg-Ext.Container-activeItem">activeItem</a></b> : String/Number<div class="mdesc"><div class="short">A string component id or the numeric index of the component that should be initially activated within the
container's...</div><div class="long">A string component id or the numeric index of the component that should be initially activated within the
container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first
item in the container's collection). activeItem only applies to layout styles that can display
<li><a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a></li>
<li>specifying <code>layout: <em>'anchor'</em> <i>// or <em>'form'</em>, or <em>'absolute'</em></i></code></li>
</ul></div></p>
-<p>See <a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">Ext.layout.AnchorLayout</a>.<a href="output/Ext.layout.AnchorLayout.html#Ext.layout.AnchorLayout-anchor" ext:member="anchor" ext:cls="Ext.layout.AnchorLayout">anchor</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#anchor" ext:member="#anchor" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-anchorOffset"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-anchorOffset">anchorOffset</a></b> : Number<div class="mdesc"><div class="short">A numeric pixel value used to offset the
-default position of the anchor arrow (defaults to 0). When the anchor
-pos...</div><div class="long">A numeric pixel value used to offset the\r
-default position of the anchor arrow (defaults to 0). When the anchor\r
-position is on the top or bottom of the tooltip, <code>anchorOffset</code>\r
-will be used as a horizontal offset. Likewise, when the anchor position\r
-is on the left or right side, <code>anchorOffset</code> will be used as\r
-a vertical offset.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#anchorOffset" ext:member="#anchorOffset" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-anchorToTarget"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-anchorToTarget">anchorToTarget</a></b> : Boolean<div class="mdesc"><div class="short">True to anchor the tooltip to the target
-element, false to anchor it relative to the mouse coordinates (defaults
-to...</div><div class="long">True to anchor the tooltip to the target\r
-element, false to anchor it relative to the mouse coordinates (defaults\r
-to true). When <code>anchorToTarget</code> is true, use\r
-<code><a href="output/Ext.ToolTip.html#Ext.ToolTip-defaultAlign" ext:member="defaultAlign" ext:cls="Ext.ToolTip">defaultAlign</a></code> to control tooltip alignment to the\r
-target element. When <code>anchorToTarget</code> is false, use\r
+<p>See <a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">Ext.layout.AnchorLayout</a>.<a href="output/Ext.layout.AnchorLayout.html#Ext.layout.AnchorLayout-anchor" ext:member="anchor" ext:cls="Ext.layout.AnchorLayout">anchor</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#anchor" ext:member="#anchor" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-anchorOffset"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-anchorOffset">anchorOffset</a></b> : Number<div class="mdesc"><div class="short">A numeric pixel value used to offset the
+default position of the anchor arrow (defaults to 0). When the anchor
+posit...</div><div class="long">A numeric pixel value used to offset the
+default position of the anchor arrow (defaults to 0). When the anchor
+position is on the top or bottom of the tooltip, <code>anchorOffset</code>
+will be used as a horizontal offset. Likewise, when the anchor position
+is on the left or right side, <code>anchorOffset</code> will be used as
+a vertical offset.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#anchorOffset" ext:member="#anchorOffset" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-anchorToTarget"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-anchorToTarget">anchorToTarget</a></b> : Boolean<div class="mdesc"><div class="short">True to anchor the tooltip to the target
+element, false to anchor it relative to the mouse coordinates (defaults
+to t...</div><div class="long">True to anchor the tooltip to the target
+element, false to anchor it relative to the mouse coordinates (defaults
+to true). When <code>anchorToTarget</code> is true, use
+<code><a href="output/Ext.ToolTip.html#Ext.ToolTip-defaultAlign" ext:member="defaultAlign" ext:cls="Ext.ToolTip">defaultAlign</a></code> to control tooltip alignment to the
+target element. When <code>anchorToTarget</code> is false, use
<code><a href="output/Ext.ToolTip.html#Ext.ToolTip-anchorPosition" ext:member="anchorPosition" ext:cls="Ext.ToolTip">anchorPosition</a></code> instead to control alignment.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#anchorToTarget" ext:member="#anchorToTarget" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-animCollapse"></a><b><a href="source/Panel.html#cfg-Ext.Panel-animCollapse">animCollapse</a></b> : Boolean<div class="mdesc"><div class="short">true to animate the transition when the panel is collapsed, false to skip the
animation (defaults to true if the Ext....</div><div class="long"><code>true</code> to animate the transition when the panel is collapsed, <code>false</code> to skip the
animation (defaults to <code>true</code> if the <a href="output/Ext.Fx.html" ext:cls="Ext.Fx">Ext.Fx</a> class is available, otherwise <code>false</code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#animCollapse" ext:member="#animCollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-applyTo"></a><b><a href="source/Panel.html#cfg-Ext.Panel-applyTo">applyTo</a></b> : Mixed<div class="mdesc"><div class="short">The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in
based on its contents, and that Ext will not manage it at all. If the panel is within a layout that
manages dimensions (<code>fit</code>, <code>border</code>, etc.) then setting <code>autoHeight: true</code>
can cause issues with scrolling and will not generally work as expected since the panel will take
-on the height of its contents rather than the height required by the Ext layout.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#autoHeight" ext:member="#autoHeight" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-autoHide"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-autoHide">autoHide</a></b> : Boolean<div class="mdesc"><div class="short">True to automatically hide the tooltip after the
-mouse exits the target element or after the dismissDelay
-has expir...</div><div class="long">True to automatically hide the tooltip after the\r
-mouse exits the target element or after the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-dismissDelay" ext:member="dismissDelay" ext:cls="Ext.ToolTip">dismissDelay</a></code>\r
-has expired if set (defaults to true). If <code><a href="output/closable.html" ext:cls="closable">closable</a> = true</code>\r
+on the height of its contents rather than the height required by the Ext layout.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#autoHeight" ext:member="#autoHeight" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-autoHide"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-autoHide">autoHide</a></b> : Boolean<div class="mdesc"><div class="short">True to automatically hide the tooltip after the
+mouse exits the target element or after the dismissDelay
+has expired...</div><div class="long">True to automatically hide the tooltip after the
+mouse exits the target element or after the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-dismissDelay" ext:member="dismissDelay" ext:cls="Ext.ToolTip">dismissDelay</a></code>
+has expired if set (defaults to true). If <code><a href="output/closable.html" ext:cls="closable">closable</a> = true</code>
a close tool button will be rendered into the tooltip header.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#autoHide" ext:member="#autoHide" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-autoLoad"></a><b><a href="source/Panel.html#cfg-Ext.Panel-autoLoad">autoLoad</a></b> : Object/String/Function<div class="mdesc"><div class="short">A valid url spec according to the Updater Ext.Updater.update method.
If autoLoad is not null, the panel will attempt ...</div><div class="long">A valid url spec according to the Updater <a href="output/Ext.Updater.html#Ext.Updater-update" ext:member="update" ext:cls="Ext.Updater">Ext.Updater.update</a> method.
If autoLoad is not null, the panel will attempt to load its contents
},
footerCfg: {
tag: <em>'h2'</em>,
- cls: <em>'x-panel-footer'</em> <i>// same as the Default class</i>
+ cls: <em>'x-panel-footer'</em>, <i>// same as the Default class</i>
html: <em>'footer html'</em>
},
footerCssClass: <em>'custom-footer'</em>, <i>// additional css class, see <a href="output/Ext.element.html#Ext.element-addClass" ext:member="addClass" ext:cls="Ext.element">addClass</a></i>
To configure the above Class with an extra CSS class append to the default. For example,
for BoxLayout (Hbox and Vbox):<pre><code>ctCls: <em>'x-box-layout-ct custom-class'</em></code></pre>
</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ctCls" ext:member="#ctCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-data"></a><b><a href="source/Component.html#cfg-Ext.Component-data">data</a></b> : Mixed<div class="mdesc">The initial set of data to apply to the <code><a href="output/Ext.Component.html#Ext.Component-tpl" ext:member="tpl" ext:cls="Ext.Component">tpl</a></code> to
-update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.Component.html#data" ext:member="#data" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-defaultAlign"></a><b><a href="source/Tip.html#cfg-Ext.Tip-defaultAlign">defaultAlign</a></b> : String<div class="mdesc"><div class="short">Experimental. The default Ext.Element.alignTo anchor position value
-for this tip relative to its element of origin (...</div><div class="long"><b>Experimental</b>. The default <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a> anchor position value\r
+update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.Component.html#data" ext:member="#data" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-defaultAlign"></a><b><a href="source/Tip.html#cfg-Ext.Tip-defaultAlign">defaultAlign</a></b> : String<div class="mdesc"><div class="short">Experimental. The default Ext.Element.alignTo anchor position value
+for this tip relative to its element of origin (d...</div><div class="long"><b>Experimental</b>. The default <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a> anchor position value
for this tip relative to its element of origin (defaults to "tl-bl?").</div></div></td><td class="msource"><a href="output/Ext.Tip.html#defaultAlign" ext:member="#defaultAlign" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-defaultType"></a><b><a href="source/Container.html#cfg-Ext.Container-defaultType">defaultType</a></b> : String<div class="mdesc"><div class="short">The default xtype of child Components to create in this Container when
a child item is specified as a raw configurati...</div><div class="long"><p>The default <a href="output/Ext.Component.html" ext:cls="Ext.Component">xtype</a> of child Components to create in this Container when
a child item is specified as a raw configuration object, rather than as an instantiated Component.</p>
id: <em>'panel2'</em>, <i>// options <b>in</b> components, so the defaults</i>
autoScroll: false <i>// will be applied here, panel2 will be autoScroll:true.</i>
})
-]</code></pre></div></div></td><td class="msource"><a href="output/Ext.Container.html#defaults" ext:member="#defaults" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-delegate"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-delegate">delegate</a></b> : String<div class="mdesc"><div class="short">Optional. A DomQuery
-selector which allows selection of individual elements within the
-target element to trigger sh...</div><div class="long"><p>Optional. A <a href="output/Ext.DomQuery.html" ext:cls="Ext.DomQuery">DomQuery</a>\r
-selector which allows selection of individual elements within the\r
-<code><a href="output/Ext.ToolTip.html#Ext.ToolTip-target" ext:member="target" ext:cls="Ext.ToolTip">target</a></code> element to trigger showing and hiding the\r
-ToolTip as the mouse moves within the target.</p>\r
-<p>When specified, the child element of the target which caused a show\r
-event is placed into the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-triggerElement" ext:member="triggerElement" ext:cls="Ext.ToolTip">triggerElement</a></code> property\r
-before the ToolTip is shown.</p>\r
-<p>This may be useful when a Component has regular, repeating elements\r
-in it, each of which need a Tooltip which contains information specific\r
-to that element. For example:</p><pre><code><b>var</b> myGrid = <b>new</b> Ext.grid.gridPanel(gridConfig);\r
-myGrid.on(<em>'render'</em>, <b>function</b>(grid) {\r
- <b>var</b> store = grid.getStore(); <i>// Capture the Store.\r</i>
- <b>var</b> view = grid.getView(); <i>// Capture the GridView.\r</i>
- myGrid.tip = <b>new</b> Ext.ToolTip({\r
- target: view.mainBody, <i>// The overall target element.\r</i>
- delegate: <em>'.x-grid3-row'</em>, <i>// Each grid row causes its own seperate show and hide.\r</i>
- trackMouse: true, <i>// Moving within the row should not hide the tip.\r</i>
- renderTo: document.body, <i>// Render immediately so that tip.body can be\r</i>
- <i>// referenced prior to the first show.\r</i>
- listeners: { <i>// Change content dynamically depending on which element\r</i>
- <i>// triggered the show.\r</i>
- beforeshow: <b>function</b> updateTipBody(tip) {\r
- <b>var</b> rowIndex = view.findRowIndex(tip.triggerElement);\r
- tip.body.dom.innerHTML = <em>'Over Record ID '</em> + store.getAt(rowIndex).id;\r
- }\r
- }\r
- });\r
+]</code></pre></div></div></td><td class="msource"><a href="output/Ext.Container.html#defaults" ext:member="#defaults" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-delegate"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-delegate">delegate</a></b> : String<div class="mdesc"><div class="short">Optional. A DomQuery
+selector which allows selection of individual elements within the
+target element to trigger show...</div><div class="long"><p>Optional. A <a href="output/Ext.DomQuery.html" ext:cls="Ext.DomQuery">DomQuery</a>
+selector which allows selection of individual elements within the
+<code><a href="output/Ext.ToolTip.html#Ext.ToolTip-target" ext:member="target" ext:cls="Ext.ToolTip">target</a></code> element to trigger showing and hiding the
+ToolTip as the mouse moves within the target.</p>
+<p>When specified, the child element of the target which caused a show
+event is placed into the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-triggerElement" ext:member="triggerElement" ext:cls="Ext.ToolTip">triggerElement</a></code> property
+before the ToolTip is shown.</p>
+<p>This may be useful when a Component has regular, repeating elements
+in it, each of which need a Tooltip which contains information specific
+to that element. For example:</p><pre><code><b>var</b> myGrid = <b>new</b> Ext.grid.gridPanel(gridConfig);
+myGrid.on(<em>'render'</em>, <b>function</b>(grid) {
+ <b>var</b> store = grid.getStore(); <i>// Capture the Store.</i>
+ <b>var</b> view = grid.getView(); <i>// Capture the GridView.</i>
+ myGrid.tip = <b>new</b> Ext.ToolTip({
+ target: view.mainBody, <i>// The overall target element.</i>
+ delegate: <em>'.x-grid3-row'</em>, <i>// Each grid row causes its own seperate show and hide.</i>
+ trackMouse: true, <i>// Moving within the row should not hide the tip.</i>
+ renderTo: document.body, <i>// Render immediately so that tip.body can be</i>
+ <i>// referenced prior to the first show.</i>
+ listeners: { <i>// Change content dynamically depending on which element</i>
+ <i>// triggered the show.</i>
+ beforeshow: <b>function</b> updateTipBody(tip) {
+ <b>var</b> rowIndex = view.findRowIndex(tip.triggerElement);
+ tip.body.dom.innerHTML = <em>'Over Record ID '</em> + store.getAt(rowIndex).id;
+ }
+ }
+ });
});</code></pre></div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#delegate" ext:member="#delegate" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-disabled"></a><b><a href="source/Panel.html#cfg-Ext.Panel-disabled">disabled</a></b> : Boolean<div class="mdesc"><div class="short">Render this panel disabled (default is false). An important note when using the disabled
config on panels is that IE ...</div><div class="long">Render this panel disabled (default is <code>false</code>). An important note when using the disabled
config on panels is that IE will often fail to initialize the disabled mask element correectly if
single: true <i>// important, as many layouts can occur</i>
}
}
-});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#disabled" ext:member="#disabled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-disabledClass"></a><b><a href="source/Component.html#cfg-Ext.Component-disabledClass">disabledClass</a></b> : String<div class="mdesc">CSS class added to the component when it is disabled (defaults to 'x-item-disabled').</div></td><td class="msource"><a href="output/Ext.Component.html#disabledClass" ext:member="#disabledClass" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-dismissDelay"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-dismissDelay">dismissDelay</a></b> : Number<div class="mdesc"><div class="short">Delay in milliseconds before the tooltip
-automatically hides (defaults to 5000). To disable automatic hiding, set
-d...</div><div class="long">Delay in milliseconds before the tooltip\r
-automatically hides (defaults to 5000). To disable automatic hiding, set\r
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#disabled" ext:member="#disabled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-disabledClass"></a><b><a href="source/Component.html#cfg-Ext.Component-disabledClass">disabledClass</a></b> : String<div class="mdesc">CSS class added to the component when it is disabled (defaults to 'x-item-disabled').</div></td><td class="msource"><a href="output/Ext.Component.html#disabledClass" ext:member="#disabledClass" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-dismissDelay"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-dismissDelay">dismissDelay</a></b> : Number<div class="mdesc"><div class="short">Delay in milliseconds before the tooltip
+automatically hides (defaults to 5000). To disable automatic hiding, set
+dis...</div><div class="long">Delay in milliseconds before the tooltip
+automatically hides (defaults to 5000). To disable automatic hiding, set
dismissDelay = 0.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#dismissDelay" ext:member="#dismissDelay" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-draggable"></a><b><a href="source/Panel.html#cfg-Ext.Panel-draggable">draggable</a></b> : Boolean/Object<div class="mdesc"><div class="short">true to enable dragging of this Panel (defaults to false).
For custom drag/drop implementations, an Ext.Panel.DD conf...</div><div class="long"><p><code>true</code> to enable dragging of this Panel (defaults to <code>false</code>).</p>
<p>For custom drag/drop implementations, an <b>Ext.Panel.DD</b> config could also be passed
<a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method will be called internally.</div></td><td class="msource"><a href="output/Ext.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-hideBorders"></a><b><a href="source/Container.html#cfg-Ext.Container-hideBorders">hideBorders</a></b> : Boolean<div class="mdesc"><div class="short">True to hide the borders of each contained component, false to defer to the component's existing
border settings (def...</div><div class="long">True to hide the borders of each contained component, false to defer to the component's existing
border settings (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Container.html#hideBorders" ext:member="#hideBorders" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-hideCollapseTool"></a><b><a href="source/Panel.html#cfg-Ext.Panel-hideCollapseTool">hideCollapseTool</a></b> : Boolean<div class="mdesc"><code>true</code> to hide the expand/collapse toggle button when <code><a href="output/Ext.Panel.html#Ext.Panel-collapsible" ext:member="collapsible" ext:cls="Ext.Panel">collapsible</a> == true</code>,
-<code>false</code> to display it (defaults to <code>false</code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#hideCollapseTool" ext:member="#hideCollapseTool" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-hideDelay"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-hideDelay">hideDelay</a></b> : Number<div class="mdesc"><div class="short">Delay in milliseconds after the mouse exits the
-target element but before the tooltip actually hides (defaults to 20...</div><div class="long">Delay in milliseconds after the mouse exits the\r
-target element but before the tooltip actually hides (defaults to 200).\r
+<code>false</code> to display it (defaults to <code>false</code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#hideCollapseTool" ext:member="#hideCollapseTool" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-hideDelay"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-hideDelay">hideDelay</a></b> : Number<div class="mdesc"><div class="short">Delay in milliseconds after the mouse exits the
+target element but before the tooltip actually hides (defaults to 200...</div><div class="long">Delay in milliseconds after the mouse exits the
+target element but before the tooltip actually hides (defaults to 200).
Set to 0 for the tooltip to hide immediately.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#hideDelay" ext:member="#hideDelay" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-hideLabel"></a><b><a href="source/Component.html#cfg-Ext.Component-hideLabel">hideLabel</a></b> : Boolean<div class="mdesc"><div class="short">true to completely hide the label element
(label and separator). Defaults to false.
By default, even if you do not sp...</div><div class="long"><p><tt>true</tt> to completely hide the label element
disabled.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#maskDisabled" ext:member="#maskDisabled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-maxWidth"></a><b><a href="source/Tip.html#cfg-Ext.Tip-maxWidth">maxWidth</a></b> : Number<div class="mdesc">The maximum width of the tip in pixels (defaults to 300). The maximum supported value is 500.</div></td><td class="msource"><a href="output/Ext.Tip.html#maxWidth" ext:member="#maxWidth" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-minButtonWidth"></a><b><a href="source/Panel.html#cfg-Ext.Panel-minButtonWidth">minButtonWidth</a></b> : Number<div class="mdesc">Minimum width in pixels of all <a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a> in this panel (defaults to <code>75</code>)</div></td><td class="msource"><a href="output/Ext.Panel.html#minButtonWidth" ext:member="#minButtonWidth" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-minWidth"></a><b><a href="source/Tip.html#cfg-Ext.Tip-minWidth">minWidth</a></b> : Number<div class="mdesc">The minimum width of the tip in pixels (defaults to 40).</div></td><td class="msource"><a href="output/Ext.Tip.html#minWidth" ext:member="#minWidth" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-monitorResize"></a><b><a href="source/Container.html#cfg-Ext.Container-monitorResize">monitorResize</a></b> : Boolean<div class="mdesc"><div class="short">True to automatically monitor window resize events to handle anything that is sensitive to the current size
of the vi...</div><div class="long">True to automatically monitor window resize events to handle anything that is sensitive to the current size
of the viewport. This value is typically managed by the chosen <code><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a></code> and should not need
-to be set manually.</div></div></td><td class="msource"><a href="output/Ext.Container.html#monitorResize" ext:member="#monitorResize" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-mouseOffset"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-mouseOffset">mouseOffset</a></b> : Array<div class="mdesc">An XY offset from the mouse position where the\r
+to be set manually.</div></div></td><td class="msource"><a href="output/Ext.Container.html#monitorResize" ext:member="#monitorResize" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-mouseOffset"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-mouseOffset">mouseOffset</a></b> : Array<div class="mdesc">An XY offset from the mouse position where the
tooltip should be shown (defaults to [15,18]).</div></td><td class="msource"><a href="output/Ext.ToolTip.html#mouseOffset" ext:member="#mouseOffset" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-overCls"></a><b><a href="source/Component.html#cfg-Ext.Component-overCls">overCls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves
over the Element, and...</div><div class="long">An optional extra CSS class that will be added to this component's Element when the mouse moves
over the Element, and removed when the mouse moves out. (defaults to ''). This can be
<div class="sub-desc">When using this config, a call to render() is not required.</div>
</ul></li>
</ul></div>
-<p>See <tt><a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-resizeEvent"></a><b><a href="source/Panel.html#cfg-Ext.Panel-resizeEvent">resizeEvent</a></b> : String<div class="mdesc">The event to listen to for resizing in layouts. Defaults to <tt>'bodyresize'</tt>.</div></td><td class="msource"><a href="output/Ext.Panel.html#resizeEvent" ext:member="#resizeEvent" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-shadow"></a><b><a href="source/Tip.html#cfg-Ext.Tip-shadow">shadow</a></b> : Boolean/String<div class="mdesc"><div class="short">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
-for bottom-right shadow (defaults to "s...</div><div class="long">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop"\r
+<p>See <tt><a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-resizeEvent"></a><b><a href="source/Panel.html#cfg-Ext.Panel-resizeEvent">resizeEvent</a></b> : String<div class="mdesc">The event to listen to for resizing in layouts. Defaults to <tt>'bodyresize'</tt>.</div></td><td class="msource"><a href="output/Ext.Panel.html#resizeEvent" ext:member="#resizeEvent" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-shadow"></a><b><a href="source/Tip.html#cfg-Ext.Tip-shadow">shadow</a></b> : Boolean/String<div class="mdesc"><div class="short">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
+for bottom-right shadow (defaults to "si...</div><div class="long">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
for bottom-right shadow (defaults to "sides").</div></div></td><td class="msource"><a href="output/Ext.Tip.html#shadow" ext:member="#shadow" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-shadowOffset"></a><b><a href="source/Panel.html#cfg-Ext.Panel-shadowOffset">shadowOffset</a></b> : Number<div class="mdesc"><div class="short">The number of pixels to offset the shadow if displayed (defaults to 4). Note that this
option only applies when float...</div><div class="long">The number of pixels to offset the shadow if displayed (defaults to <code>4</code>). Note that this
option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shadowOffset" ext:member="#shadowOffset" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-shim"></a><b><a href="source/Panel.html#cfg-Ext.Panel-shim">shim</a></b> : Boolean<div class="mdesc"><div class="short">false to disable the iframe shim in browsers which need one (defaults to true).
Note that this option only applies wh...</div><div class="long"><code>false</code> to disable the iframe shim in browsers which need one (defaults to <code>true</code>).
-Note that this option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shim" ext:member="#shim" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-showDelay"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-showDelay">showDelay</a></b> : Number<div class="mdesc">Delay in milliseconds before the tooltip displays\r
+Note that this option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shim" ext:member="#shim" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-showDelay"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-showDelay">showDelay</a></b> : Number<div class="mdesc">Delay in milliseconds before the tooltip displays
after the mouse enters the target element (defaults to 500)</div></td><td class="msource"><a href="output/Ext.ToolTip.html#showDelay" ext:member="#showDelay" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-stateEvents"></a><b><a href="source/Component.html#cfg-Ext.Component-stateEvents">stateEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should trigger this component to
save its state (defaults to none). stateEvents ...</div><div class="long"><p>An array of events that, when fired, should trigger this component to
save its state (defaults to none). <code>stateEvents</code> may be any type
updating the content area of the Component. Defaults to 'overwrite'
(see Ext.X...</div><div class="long">The Ext.(X)Template method to use when
updating the content area of the Component. Defaults to <tt>'overwrite'</tt>
-(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-trackMouse"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-trackMouse">trackMouse</a></b> : Boolean<div class="mdesc">True to have the tooltip follow the mouse as it\r
+(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-trackMouse"></a><b><a href="source/ToolTip.html#cfg-Ext.ToolTip-trackMouse">trackMouse</a></b> : Boolean<div class="mdesc">True to have the tooltip follow the mouse as it
moves over the target element (defaults to false).</div></td><td class="msource"><a href="output/Ext.ToolTip.html#trackMouse" ext:member="#trackMouse" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-unstyled"></a><b><a href="source/Panel.html#cfg-Ext.Panel-unstyled">unstyled</a></b> : Boolean<div class="mdesc"><div class="short">Overrides the baseCls setting to baseCls = 'x-plain' which renders
the panel unstyled except for required attributes ...</div><div class="long">Overrides the <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a></code> setting to <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a> = <em>'x-plain'</em></code> which renders
-the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#unstyled" ext:member="#unstyled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-width"></a><b><a href="source/Tip.html#cfg-Ext.Tip-width">width</a></b> : Number<div class="mdesc"><div class="short">Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
-minWidth or maxWid...</div><div class="long">Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of\r
+the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#unstyled" ext:member="#unstyled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-width"></a><b><a href="source/Tip.html#cfg-Ext.Tip-width">width</a></b> : Number<div class="mdesc"><div class="short">Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
+minWidth or maxWidt...</div><div class="long">Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
<a href="output/Ext.Tip.html#Ext.Tip-minWidth" ext:member="minWidth" ext:cls="Ext.Tip">minWidth</a> or <a href="output/Ext.Tip.html#Ext.Tip-maxWidth" ext:member="maxWidth" ext:cls="Ext.Tip">maxWidth</a>. The maximum supported value is 500.</div></div></td><td class="msource"><a href="output/Ext.Tip.html#width" ext:member="#width" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-x"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-x">x</a></b> : Number<div class="mdesc">The local x (left) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#x" ext:member="#x" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-xtype"></a><b><a href="source/Component.html#cfg-Ext.Component-xtype">xtype</a></b> : String<div class="mdesc"><div class="short">The registered xtype to create. This config option is not used when passing
a config object into a constructor. This ...</div><div class="long">The registered <tt>xtype</tt> to create. This config option is not used when passing
a config object into a constructor. This config option is used only when
<br><p><b>Note</b>: see the Note for <code><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#header" ext:member="#header" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-hidden"></a><b><a href="source/Component.html#prop-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">True if this component is hidden. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-initialConfig"></a><b><a href="source/Component.html#prop-Ext.Component-initialConfig">initialConfig</a></b> : Object<div class="mdesc">This Component's initial configuration specification. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#initialConfig" ext:member="#initialConfig" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-items"></a><b><a href="source/Container.html#prop-Ext.Container-items">items</a></b> : MixedCollection<div class="mdesc">The collection of components in this container as a <a href="output/Ext.util.MixedCollection.html" ext:cls="Ext.util.MixedCollection">Ext.util.MixedCollection</a></div></td><td class="msource"><a href="output/Ext.Container.html#items" ext:member="#items" ext:cls="Ext.Container">Container</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-ownerCt"></a><b><a href="source/Component.html#prop-Ext.Component-ownerCt">ownerCt</a></b> : Ext.Container<div class="mdesc"><div class="short">This Component's owner Container (defaults to undefined, and is set automatically when
this Component is added to a C...</div><div class="long">This Component's owner <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a> (defaults to undefined, and is set automatically when
this Component is added to a Container). Read-only.
-<p><b>Note</b>: to access items within the Container see <tt><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ownerCt" ext:member="#ownerCt" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-private"></a><b><a href="source/Container.html#prop-Ext.Container-private">private</a></b> : Object<div class="mdesc"><div class="short">We can only lay out if there is a view area in which to layout.
-display:none on the layout target, *or any of its par...</div><div class="long">We can only lay out if there is a view area in which to layout.
-display:none on the layout target, *or any of its parent elements* will mean it has no view area.</div></div></td><td class="msource"><a href="output/Ext.Container.html#private" ext:member="#private" ext:cls="Ext.Container">Container</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-refOwner"></a><b><a href="source/Component.html#prop-Ext.Component-refOwner">refOwner</a></b> : Ext.Container<div class="mdesc"><div class="short">The ancestor Container into which the ref reference was inserted if this Component
+<p><b>Note</b>: to access items within the Container see <tt><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ownerCt" ext:member="#ownerCt" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-refOwner"></a><b><a href="source/Component.html#prop-Ext.Component-refOwner">refOwner</a></b> : Ext.Container<div class="mdesc"><div class="short">The ancestor Container into which the ref reference was inserted if this Component
is a child of a Container, and has...</div><div class="long">The ancestor Container into which the <a href="output/Ext.Component.html#Ext.Component-ref" ext:member="ref" ext:cls="Ext.Component">ref</a> reference was inserted if this Component
-is a child of a Container, and has been configured with a <code>ref</code>.</div></div></td><td class="msource"><a href="output/Ext.Component.html#refOwner" ext:member="#refOwner" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-rendered"></a><b><a href="source/Component.html#prop-Ext.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">True if this component has been rendered. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-triggerElement"></a><b><a href="source/ToolTip.html#prop-Ext.ToolTip-triggerElement">triggerElement</a></b> : DOMElement<div class="mdesc"><div class="short">When a Tooltip is configured with the delegate
-option to cause selected child elements of the target
-Element to eac...</div><div class="long">When a Tooltip is configured with the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-delegate" ext:member="delegate" ext:cls="Ext.ToolTip">delegate</a></code>\r
-option to cause selected child elements of the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-target" ext:member="target" ext:cls="Ext.ToolTip">target</a></code>\r
-Element to each trigger a seperate show event, this property is set to\r
+is a child of a Container, and has been configured with a <code>ref</code>.</div></div></td><td class="msource"><a href="output/Ext.Component.html#refOwner" ext:member="#refOwner" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-rendered"></a><b><a href="source/Component.html#prop-Ext.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">True if this component has been rendered. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-triggerElement"></a><b><a href="source/ToolTip.html#prop-Ext.ToolTip-triggerElement">triggerElement</a></b> : DOMElement<div class="mdesc"><div class="short">When a Tooltip is configured with the delegate
+option to cause selected child elements of the target
+Element to each ...</div><div class="long">When a Tooltip is configured with the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-delegate" ext:member="delegate" ext:cls="Ext.ToolTip">delegate</a></code>
+option to cause selected child elements of the <code><a href="output/Ext.ToolTip.html#Ext.ToolTip-target" ext:member="target" ext:cls="Ext.ToolTip">target</a></code>
+Element to each trigger a seperate show event, this property is set to
the DOM element which triggered the show.</div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#triggerElement" ext:member="#triggerElement" ext:cls="Ext.ToolTip">ToolTip</a></td></tr></tbody></table><a id="Ext.QuickTip-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.QuickTip-QuickTip"></a><b><a href="source/QuickTip.html#cls-Ext.QuickTip">QuickTip</a></b>( <code>Object config</code> )
- <div class="mdesc"><div class="short">Create a new Tip</div><div class="long">Create a new Tip<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The configuration options</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">QuickTip</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-add"></a><b><a href="source/Container.html#method-Ext.Container-add">add</a></b>( <code>Object/Array component</code>, <code>Object (Optional)</code>, <code>Object (Optional)</code> )
+ <div class="mdesc"><div class="short">Create a new Tip</div><div class="long">Create a new Tip<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The configuration options</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">QuickTip</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-add"></a><b><a href="source/Container.html#method-Ext.Container-add">add</a></b>( <code>...Object/Array component</code> )
:
- Ext.Component<div class="mdesc"><div class="short">Adds Component(s) to this Container.
+ Ext.Component
/Array<div class="mdesc"><div class="short">Adds Component(s) to this Container.
Description :
<ul class="mdetail-params">
Fires the beforeadd event before addin...</div><div class="long"><p>Adds <a href="output/Ext.Component.html" ext:cls="Ext.Component">Component</a>(s) to this Container.</p>
<li><i>Warning:</i> Containers directly managed by the BorderLayout layout manager
may not be removed or added. See the Notes for <a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">BorderLayout</a>
for more details.</li>
-</ul></div><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>component</code> : Object/Array<div class="sub-desc"><p>Either a single component or an Array of components to add. See
-<code><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></code> for additional information.</p></div></li><
li><code>(Optional)</code> : Object<div class="sub-desc">component_2</div></li><li><code>(Optional)</code> : Object<div class="sub-desc">component_n</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">component The Component (or config object) that was added.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#add" ext:member="#add" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-addButton"></a><b><a href="source/Panel.html#method-Ext.Panel-addButton">addButton</a></b>( <code>String/Object config</code>, <code>Function handler</code>, <code>Object scope</code> )
+</ul></div><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>component</code> : ...Object/Array<div class="sub-desc"><p>Either one or more Components to add or an Array of Components to add. See
+<code><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></code> for additional information.</p></div></li><
/ul><strong>Returns:</strong><ul><li><code>Ext.Component/Array</code><div class="sub-desc">The Components that were added.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#add" ext:member="#add" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-addButton"></a><b><a href="source/Panel.html#method-Ext.Panel-addButton">addButton</a></b>( <code>String/Object config</code>, <code>Function handler</code>, <code>Object scope</code> )
:
Ext.Button<div class="mdesc"><div class="short">Adds a button to this panel. Note that this method must be called prior to rendering. The preferred
approach is to ...</div><div class="long">Adds a button to this panel. Note that this method must be called prior to rendering. The preferred
scope: this
});</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addListener" ext:member="#addListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-applyToMarkup"></a><b><a href="source/Component.html#method-Ext.Component-applyToMarkup">applyToMarkup</a></b>( <code>String/HTMLElement el</code> )
:
- void<div class="mdesc"><div class="short">Apply this component to existing markup that is valid. With this function, no call to render() is required.</div><div class="long">Apply this component to existing markup that is valid. With this function, no call to render() is required.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#applyToMarkup" ext:member="#applyToMarkup" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-bubble"></a><b><a href="source/Container.html#method-Ext.Container-bubble">bubble</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Array args</code>]</span> )
+ void<div class="mdesc"><div class="short">Apply this component to existing markup that is valid. With this function, no call to render() is required.</div><div class="long">Apply this component to existing markup that is valid. With this function, no call to render() is required.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#applyToMarkup" ext:member="#applyToMarkup" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-bubble"></a><b><a href="source/Component.html#method-Ext.Component-bubble">bubble</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Array args</code>]</span> )
:
- Ext.Co
ntainer<div class="mdesc"><div class="short">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of...</div><div class="long">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (<i>this</i>) of
+ Ext.Co
mponent<div class="mdesc"><div class="short">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of...</div><div class="long">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (<i>this</i>) of
function call will be the scope provided or the current component. The arguments to the function
will be the args provided or the current component. 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 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 component)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Co
ntainer</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#bubble" ext:member="#bubble" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.QuickTip-cancelShow"></a><b><a href="source/QuickTip.html#method-Ext.QuickTip-cancelShow">cancelShow</a></b>( <code>String/HTMLElement/Element el</code> )
+the bubble is stopped.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function (defaults to current node)</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current component)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Co
mponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#bubble" ext:member="#bubble" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.QuickTip-cancelShow"></a><b><a href="source/QuickTip.html#method-Ext.QuickTip-cancelShow">cancelShow</a></b>( <code>String/HTMLElement/Element el</code> )
:
void<div class="mdesc"><div class="short">Hides a visible tip or cancels an impending show for a particular element.</div><div class="long">Hides a visible tip or cancels an impending show for a particular element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement/Element<div class="sub-desc">The element that is the target of the tip.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">QuickTip</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-cascade"></a><b><a href="source/Container.html#method-Ext.Container-cascade">cascade</a></b>( <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Array args</code>]</span> )
:
:
Ext.Component<div class="mdesc"><div class="short">Enable this component and fire the 'enable' event.</div><div class="long">Enable this component and fire the 'enable' event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#enable" ext:member="#enable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-enableBubble"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>( <code>String/Array events</code> )
:
- 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\r
-<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>\r
-<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default\r
-implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to\r
-access the required target more quickly.</p>\r
-<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {\r
- <i>// Add functionality to Field's initComponent to enable the change event to bubble\r</i>
- initComponent : Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {\r
- this.enableBubble(<em>'change'</em>);\r
- }),\r
-\r
- <i>// We know that we want Field's events to bubble directly to the FormPanel.\r</i>
- getBubbleTarget : <b>function</b>() {\r
- <b>if</b> (!this.formPanel) {\r
- this.formPanel = this.findParentByType(<em>'form'</em>);\r
- }\r
- <b>return</b> this.formPanel;\r
- }\r
-});\r
-\r
-<b>var</b> myForm = <b>new</b> Ext.formPanel({\r
- title: <em>'User Details'</em>,\r
- items: [{\r
- ...\r
- }],\r
- listeners: {\r
- change: <b>function</b>() {\r
- <i>// Title goes red <b>if</b> form has been modified.\r</i>
- myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);\r
- }\r
- }\r
+ 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'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'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 inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-expand"></a><b><a href="source/Panel.html#method-Ext.Panel-expand">expand</a></b>( <code>Boolean animate</code> )
:
Ext.Panel<div class="mdesc"><div class="short">Expands the panel body so that it becomes visible. Fires the beforeexpand event which will
:
Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by a custom function. If the passed function returns
true, the con...</div><div class="long">Find a container above this component at any level by a custom function. If the passed function returns
-true, the container will be returned.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The custom function to call with the arguments (container, this component).</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container for which the custom function returns true</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentBy" ext:member="#findParentBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-findParentByType"></a><b><a href="source/Component.html#method-Ext.Component-findParentByType">findParentByType</a></b>( <code>String/Class xtype</code> )
+true, the container will be returned.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The custom function to call with the arguments (container, this component).</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container for which the custom function returns true</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentBy" ext:member="#findParentBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-findParentByType"></a><b><a href="source/Component.html#method-Ext.Component-findParentByType">findParentByType</a></b>( <code>String/Ext.Component/Class xtype</code>, <span title="Optional" class="optional">[<code>Boolean shallow</code>]</span> )
:
- Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by xtype or class</div><div class="long">Find a container above this component at any level by xtype or class<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Class<div class="sub-desc">The xtype string for a component, or the class of the component directly</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container which matches the given xtype or class</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentByType" ext:member="#findParentByType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>( <code>String eventName</code>, <code>Object... args</code> )
+ Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by xtype or class</div><div class="long">Find a container above this component at any level by xtype or class<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Ext.Component/Class<div class="sub-desc">The xtype to check for this Component. Note that the the component can either be an instance
+or a component class:</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
+the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container which matches the given xtype or class</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentByType" ext:member="#findParentByType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>( <code>String eventName</code>, <code>Object... args</code> )
:
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>
},
single: true <i>// Remove the listener after first invocation</i>
}
-});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element which encapsulates this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getEl" ext:member="#getEl" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-getFrameHeight"></a><b><a href="source/Panel.html#method-Ext.Panel-getFrameHeight">getFrameHeight</a></b>()
+});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element which encapsulates this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getEl" ext:member="#getEl" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-getFooterToolbar"></a><b><a href="source/Panel.html#method-Ext.Panel-getFooterToolbar">getFooterToolbar</a></b>()
+ :
+ Ext.Toolbar<div class="mdesc"><div class="short">Returns the toolbar from the footer (fbar) section of the panel.</div><div class="long">Returns the <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">toolbar</a> from the footer (<code><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></code>) section of the panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar</code><div class="sub-desc">The toolbar</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getFooterToolbar" ext:member="#getFooterToolbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-getFrameHeight"></a><b><a href="source/Panel.html#method-Ext.Panel-getFrameHeight">getFrameHeight</a></b>()
:
Number<div class="mdesc"><div class="short">Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and
header and ...</div><div class="long">Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and
For a list of all available xtypes, see <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">component The Component (or config object) that was
inserted with the Container's default config values applied.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#insert" ext:member="#insert" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-isVisible"></a><b><a href="source/Component.html#method-Ext.Component-isVisible">isVisible</a></b>()
:
- Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-isXType"></a><b><a href="source/Component.html#method-Ext.Component-isXType">isXType</a></b>( <code>String xtype</code>, <span title="Optional" class="optional">[<code>Boolean shallow</code>]</span> )
+ Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-isXType"></a><b><a href="source/Component.html#method-Ext.Component-isXType">isXType</a></b>( <code>String/Ext.Component/Class xtype</code>, <span title="Optional" class="optional">[<code>Boolean shallow</code>]</span> )
:
Boolean<div class="mdesc"><div class="short">Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from th...</div><div class="long"><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
<pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
<b>var</b> isText = t.isXType(<em>'textfield'</em>); <i>// true</i>
<b>var</b> isBoxSubclass = t.isXType(<em>'box'</em>); <i>// true, descended from BoxComponent</i>
-<b>var</b> isBoxInstance = t.isXType(<em>'box'</em>, true); <i>// false, not a direct BoxComponent instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String<div class="sub-desc">The xtype to check for this Component</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
+<b>var</b> isBoxInstance = t.isXType(<em>'box'</em>, true); <i>// false, not a direct BoxComponent instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Ext.Component/Class<div class="sub-desc">The xtype to check for this Component. Note that the the component can either be an instance
+or a component class:
+<pre><code><b>var</b> c = <b>new</b> Ext.Component();
+console.log(c.isXType(c));
+console.log(c.isXType(Ext.Component));</code></pre></div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component descends from the specified xtype, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isXType" ext:member="#isXType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-load"></a><b><a href="source/Panel.html#method-Ext.Panel-load">load</a></b>( <code>Object/String/Function config</code> )
:
Ext.Panel<div class="mdesc"><div class="short">Loads this content panel immediately with content returned from an XHR call.</div><div class="long">Loads this content panel immediately with content returned from an XHR call.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object/String/Function<div class="sub-desc">A config object containing any of the following options:
:
void<div class="mdesc"><div class="short">Removes all listeners for this object</div><div class="long">Removes all listeners for this object<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#purgeListeners" ext:member="#purgeListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.QuickTip-register"></a><b><a href="source/QuickTip.html#method-Ext.QuickTip-register">register</a></b>( <code>Object config</code> )
:
- void<div class="mdesc"><div class="short">Configures a new quick tip instance and assigns it to a target element. The following config values are
-supported (...</div><div class="long">Configures a new quick tip instance and assigns it to a target element. The following config values are\r
-supported (for example usage, see the <a href="output/Ext.QuickTips.html" ext:cls="Ext.QuickTips">Ext.QuickTips</a> class header):\r
-<div class="mdetail-params"><ul>\r
-<li>autoHide</li>\r
-<li>cls</li>\r
-<li>dismissDelay (overrides the singleton value)</li>\r
-<li>target (required)</li>\r
-<li>text (required)</li>\r
-<li>title</li>\r
+ void<div class="mdesc"><div class="short">Configures a new quick tip instance and assigns it to a target element. The following config values are
+supported (f...</div><div class="long">Configures a new quick tip instance and assigns it to a target element. The following config values are
+supported (for example usage, see the <a href="output/Ext.QuickTips.html" ext:cls="Ext.QuickTips">Ext.QuickTips</a> class header):
+<div class="mdetail-params"><ul>
+<li>autoHide</li>
+<li>cls</li>
+<li>dismissDelay (overrides the singleton value)</li>
+<li>target (required)</li>
+<li>text (required)</li>
+<li>title</li>
<li>width</li></ul></div><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">QuickTip</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-relayEvents"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-relayEvents">relayEvents</a></b>( <code>Object o</code>, <code>Array events</code> )
:
void<div class="mdesc"><div class="short">Relays selected events from the specified Observable as if the events were fired by this.</div><div class="long">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object<div class="sub-desc">The Observable whose events this object is to relay.</div></li><li><code>events</code> : Array<div class="sub-desc">Array of event names to relay.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#relayEvents" ext:member="#relayEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-remove"></a><b><a href="source/Container.html#method-Ext.Container-remove">remove</a></b>( <code>Component/String component</code>, <span title="Optional" class="optional">[<code>Boolean autoDestroy</code>]</span> )
:
Ext.BoxComponent<div class="mdesc"><div class="short">Sets the overflow on the content element of the component.</div><div class="long">Sets the overflow on the content element of the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>scroll</code> : Boolean<div class="sub-desc">True to allow the Component to auto scroll.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setAutoScroll" ext:member="#setAutoScroll" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-setDisabled"></a><b><a href="source/Component.html#method-Ext.Component-setDisabled">setDisabled</a></b>( <code>Boolean disabled</code> )
:
- Ext.Component<div class="mdesc"><div class="short">Convenience function for setting disabled/enabled by boolean.</div><div class="long">Convenience function for setting disabled/enabled by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>disabled</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setDisabled" ext:member="#setDisabled" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>( <code>Number height</code> )
+ Ext.Component<div class="mdesc"><div class="short">Convenience function for setting disabled/enabled by boolean.</div><div class="long">Convenience function for setting disabled/enabled by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>disabled</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setDisabled" ext:member="#setDisabled" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>( <code>Mixed height</code> )
:
- Ext.BoxComponent<div class="mdesc"><div class="short">Sets the height of the component. This method fires the resize event.</div><div class="long">Sets the height of the component. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> :
Number<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
-<li>A Number specifying the new height in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
+ Ext.BoxComponent<div class="mdesc"><div class="short">Sets the height of the component. This method fires the resize event.</div><div class="long">Sets the height of the component. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> :
Mixed<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new height in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS height style.</li>
<li><i>undefined</i> to leave the height unchanged.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setHeight" ext:member="#setHeight" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-setIconClass"></a><b><a href="source/Panel.html#method-Ext.Panel-setIconClass">setIconClass</a></b>( <code>String cls</code> )
for the Panel. This is triggered either by configuring the Panel with a non-blank <code><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></code>,
or configuring it with <code><b><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a>: true</b></code>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>title</code> : String<div class="sub-desc">The title text to set</div></li><li><code>iconCls</code> : String<div class="sub-desc">(optional) <a href="output/Ext.Panel.html#Ext.Panel-iconCls" ext:member="iconCls" ext:cls="Ext.Panel">iconCls</a> A user-defined CSS class that provides the icon image for this panel</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#setTitle" ext:member="#setTitle" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-setVisible"></a><b><a href="source/Component.html#method-Ext.Component-setVisible">setVisible</a></b>( <code>Boolean visible</code> )
:
- Ext.Component<div class="mdesc"><div class="short">Convenience function to hide or show this component by boolean.</div><div class="long">Convenience function to hide or show this component by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>visible</code> : Boolean<div class="sub-desc">True to show, false to hide</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setVisible" ext:member="#setVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-setWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setWidth">setWidth</a></b>( <code>Number width</code> )
+ Ext.Component<div class="mdesc"><div class="short">Convenience function to hide or show this component by boolean.</div><div class="long">Convenience function to hide or show this component by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>visible</code> : Boolean<div class="sub-desc">True to show, false to hide</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setVisible" ext:member="#setVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-setWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setWidth">setWidth</a></b>( <code>Mixed width</code> )
:
- Ext.BoxComponent<div class="mdesc"><div class="short">Sets the width of the component. This method fires the resize event.</div><div class="long">Sets the width of the component. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> :
Number<div class="sub-desc">The new width to setThis may be one of:<div class="mdetail-params"><ul>
-<li>A Number specifying the new width in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
+ Ext.BoxComponent<div class="mdesc"><div class="short">Sets the width of the component. This method fires the resize event.</div><div class="long">Sets the width of the component. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> :
Mixed<div class="sub-desc">The new width to set. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new width in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS width style.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setWidth" ext:member="#setWidth" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.ToolTip-show"></a><b><a href="source/ToolTip.html#method-Ext.ToolTip-show">show</a></b>()
:
void<div class="mdesc"><div class="short">Shows this tooltip at the current event target XY position.</div><div class="long">Shows this tooltip at the current event target XY position.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.ToolTip.html#show" ext:member="#show" ext:cls="Ext.ToolTip">ToolTip</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-showAt"></a><b><a href="source/Tip.html#method-Ext.Tip-showAt">showAt</a></b>( <code>Array xy</code> )
:
- void<div class="mdesc"><div class="short">Shows this tip at the specified XY position. Example usage:
-// Show the tip at x:50 and y:100
-tip.showAt([50,100])...</div><div class="long">Shows this tip at the specified XY position. Example usage:\r
-<pre><code><i>// Show the tip at x:50 and y:100\r</i>
+ void<div class="mdesc"><div class="short">Shows this tip at the specified XY position. Example usage:
+// Show the tip at x:50 and y:100
+tip.showAt([50,100]);</div><div class="long">Shows this tip at the specified XY position. Example usage:
+<pre><code><i>// Show the tip at x:50 and y:100</i>
tip.showAt([50,100]);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xy</code> : Array<div class="sub-desc">An array containing the x and y coordinates</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Tip.html#showAt" ext:member="#showAt" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Tip-showBy"></a><b><a href="source/Tip.html#method-Ext.Tip-showBy">showBy</a></b>( <code>Mixed el</code>, <span title="Optional" class="optional">[<code>String position</code>]</span> )
:
- void<div class="mdesc"><div class="short">Experimental. Shows this tip at a position relative to another element using a standard Ext.Element.alignTo
-anchor p...</div><div class="long"><b>Experimental</b>. Shows this tip at a position relative to another element using a standard <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a>\r
-anchor position value. Example usage:\r
-<pre><code><i>// Show the tip at the <b>default</b> position (<em>'tl-br?'</em>)\r</i>
-tip.showBy(<em>'my-el'</em>);\r
-\r
-<i>// Show the tip<em>'s top-left corner anchored to the element'</em>s top-right corner\r</i>
-tip.showBy(<em>'my-el'</em>, <em>'tl-tr'</em>);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : Mixed<div class="sub-desc">An HTMLElement, Ext.Element or string id of the target element to align to</div></li><li><code>position</code> : String<div class="sub-desc">(optional) A valid <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a> anchor position (defaults to 'tl-br?' or\r
+ void<div class="mdesc"><div class="short">Experimental. Shows this tip at a position relative to another element using a standard Ext.Element.alignTo
+anchor po...</div><div class="long"><b>Experimental</b>. Shows this tip at a position relative to another element using a standard <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a>
+anchor position value. Example usage:
+<pre><code><i>// Show the tip at the <b>default</b> position (<em>'tl-br?'</em>)</i>
+tip.showBy(<em>'my-el'</em>);
+
+<i>// Show the tip<em>'s top-left corner anchored to the element'</em>s top-right corner</i>
+tip.showBy(<em>'my-el'</em>, <em>'tl-tr'</em>);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : Mixed<div class="sub-desc">An HTMLElement, Ext.Element or string id of the target element to align to</div></li><li><code>position</code> : String<div class="sub-desc">(optional) A valid <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a> anchor position (defaults to 'tl-br?' or
<a href="output/Ext.Tip.html#Ext.Tip-defaultAlign" ext:member="defaultAlign" ext:cls="Ext.Tip">defaultAlign</a> if specified).</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Tip.html#showBy" ext:member="#showBy" ext:cls="Ext.Tip">Tip</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-suspendEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-suspendEvents">suspendEvents</a></b>( <code>Boolean queueSuspended</code> )
:
void<div class="mdesc"><div class="short">Suspend the firing of all events. (see resumeEvents)</div><div class="long">Suspend the firing of all events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a>)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>queueSuspended</code> : Boolean<div class="sub-desc">Pass as true to queue up suspended events to be fired
git.ithinksw.org / extjs.git / blobdiff