-<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.DataView.html" ext:member="" ext:cls="Ext.DataView">DataView</a> <img src="resources/elbow-end.gif">ListView</pre></div><h1>Class <a href="source/ListView.html#cls-Ext.list.ListView">Ext.list.ListView</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.list</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">ListView.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/ListView.html#cls-Ext.list.ListView">ListView</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.DataView.html" ext:cls="Ext.DataView" ext:member="">DataView</a></td></tr></table><div class="description"><p>Ext.list.ListView is a fast and light-weight implentation of a\r
-<a href="output/Ext.grid.GridPanel.html" ext:cls="Ext.grid.GridPanel">Grid</a> like view with the following characteristics:</p>\r
-<div class="mdetail-params"><ul>\r
-<li>resizable columns</li>\r
-<li>selectable</li>\r
-<li>column widths are initially proportioned by percentage based on the container\r
-width and number of columns</li>\r
-<li>uses templates to render the data in any required format</li>\r
-<li>no horizontal scrolling</li>\r
-<li>no editing</li>\r
-</ul></div>\r
-<p>Example usage:</p>\r
-<pre><code><i>// consume JSON of this form:\r</i>
-{\r
- <em>"images"</em>:[\r
- {\r
- <em>"name"</em>:<em>"dance_fever.jpg"</em>,\r
- <em>"size"</em>:2067,\r
- <em>"lastmod"</em>:1236974993000,\r
- <em>"url"</em>:<em>"images\/thumbs\/dance_fever.jpg"</em>\r
- },\r
- {\r
- <em>"name"</em>:<em>"zack_sink.jpg"</em>,\r
- <em>"size"</em>:2303,\r
- <em>"lastmod"</em>:1236974993000,\r
- <em>"url"</em>:<em>"images\/thumbs\/zack_sink.jpg"</em>\r
- }\r
- ]\r
-} \r
-<b>var</b> store = <b>new</b> Ext.data.JsonStore({\r
- url: <em>'get-images.php'</em>,\r
- root: <em>'images'</em>,\r
- fields: [\r
- <em>'name'</em>, <em>'url'</em>,\r
- {name:<em>'size'</em>, type: <em>'float'</em>},\r
- {name:<em>'lastmod'</em>, type:<em>'date'</em>, dateFormat:<em>'timestamp'</em>}\r
- ]\r
-});\r
-store.load();\r
-\r
-<b>var</b> listView = <b>new</b> Ext.list.ListView({\r
- store: store,\r
- multiSelect: true,\r
- emptyText: <em>'No images to display'</em>,\r
- reserveScrollOffset: true,\r
- columns: [{\r
- header: <em>'File'</em>,\r
- width: .5,\r
- dataIndex: <em>'name'</em>\r
- },{\r
- header: <em>'Last Modified'</em>,\r
- width: .35, \r
- dataIndex: <em>'lastmod'</em>,\r
- tpl: <em>'{lastmod:date(<em>"m-d h:i a"</em>)}'</em>\r
- },{\r
- header: <em>'Size'</em>,\r
- dataIndex: <em>'size'</em>,\r
- tpl: <em>'{size:fileSize}'</em>, <i>// format using Ext.util.Format.fileSize()\r</i>
- align: <em>'right'</em>\r
- }]\r
-});\r
-\r
-<i>// put it <b>in</b> a Panel so it looks pretty\r</i>
-<b>var</b> panel = <b>new</b> Ext.Panel({\r
- id:<em>'images-view'</em>,\r
- width:425,\r
- height:250,\r
- collapsible:true,\r
- layout:<em>'fit'</em>,\r
- title:<em>'Simple ListView <i>(0 items selected)</i>'</em>,\r
- items: listView\r
-});\r
-panel.render(document.body);\r
-\r
-<i>// little bit of feedback\r</i>
-listView.on(<em>'selectionchange'</em>, <b>function</b>(view, nodes){\r
- <b>var</b> l = nodes.length;\r
- <b>var</b> s = l != 1 ? <em>'s'</em> : <em>''</em>;\r
- panel.setTitle(<em>'Simple ListView <i>('</em>+l+<em>' item'</em>+s+<em>' selected)</i>'</em>);\r
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.list.ListView-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.list.ListView-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.list.ListView-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.list.ListView-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.list.ListView"><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.DataView.html" ext:member="" ext:cls="Ext.DataView">DataView</a>
+ <img src="resources/elbow-end.gif">ListView</pre></div><h1>Class <a href="source/ListView.html#cls-Ext.list.ListView">Ext.list.ListView</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.list</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/ListView.html#cls-Ext.list.ListView">ListView.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/ListView.html#cls-Ext.list.ListView">ListView</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.DataView.html" ext:cls="Ext.DataView" ext:member="">DataView</a></td></tr></table><div class="description"><p>Ext.list.ListView is a fast and light-weight implentation of a
+<a href="output/Ext.grid.GridPanel.html" ext:cls="Ext.grid.GridPanel">Grid</a> like view with the following characteristics:</p>
+<div class="mdetail-params"><ul>
+<li>resizable columns</li>
+<li>selectable</li>
+<li>column widths are initially proportioned by percentage based on the container
+width and number of columns</li>
+<li>uses templates to render the data in any required format</li>
+<li>no horizontal scrolling</li>
+<li>no editing</li>
+</ul></div>
+<p>Example usage:</p>
+<pre><code><i>// consume JSON of this form:</i>
+{
+ <em>"images"</em>:[
+ {
+ <em>"name"</em>:<em>"dance_fever.jpg"</em>,
+ <em>"size"</em>:2067,
+ <em>"lastmod"</em>:1236974993000,
+ <em>"url"</em>:<em>"images\/thumbs\/dance_fever.jpg"</em>
+ },
+ {
+ <em>"name"</em>:<em>"zack_sink.jpg"</em>,
+ <em>"size"</em>:2303,
+ <em>"lastmod"</em>:1236974993000,
+ <em>"url"</em>:<em>"images\/thumbs\/zack_sink.jpg"</em>
+ }
+ ]
+}
+<b>var</b> store = <b>new</b> Ext.data.JsonStore({
+ url: <em>'get-images.php'</em>,
+ root: <em>'images'</em>,
+ fields: [
+ <em>'name'</em>, <em>'url'</em>,
+ {name:<em>'size'</em>, type: <em>'float'</em>},
+ {name:<em>'lastmod'</em>, type:<em>'date'</em>, dateFormat:<em>'timestamp'</em>}
+ ]
+});
+store.load();
+
+<b>var</b> listView = <b>new</b> Ext.list.ListView({
+ store: store,
+ multiSelect: true,
+ emptyText: <em>'No images to display'</em>,
+ reserveScrollOffset: true,
+ columns: [{
+ header: <em>'File'</em>,
+ width: .5,
+ dataIndex: <em>'name'</em>
+ },{
+ header: <em>'Last Modified'</em>,
+ width: .35,
+ dataIndex: <em>'lastmod'</em>,
+ tpl: <em>'{lastmod:date(<em>"m-d h:i a"</em>)}'</em>
+ },{
+ header: <em>'Size'</em>,
+ dataIndex: <em>'size'</em>,
+ tpl: <em>'{size:fileSize}'</em>, <i>// format using Ext.util.Format.fileSize()</i>
+ align: <em>'right'</em>
+ }]
+});
+
+<i>// put it <b>in</b> a Panel so it looks pretty</i>
+<b>var</b> panel = <b>new</b> Ext.Panel({
+ id:<em>'images-view'</em>,
+ width:425,
+ height:250,
+ collapsible:true,
+ layout:<em>'fit'</em>,
+ title:<em>'Simple ListView <i>(0 items selected)</i>'</em>,
+ items: listView
+});
+panel.render(document.body);
+
+<i>// little bit of feedback</i>
+listView.on(<em>'selectionchange'</em>, <b>function</b>(view, nodes){
+ <b>var</b> l = nodes.length;
+ <b>var</b> s = l != 1 ? <em>'s'</em> : <em>''</em>;
+ panel.setTitle(<em>'Simple ListView <i>('</em>+l+<em>' item'</em>+s+<em>' selected)</i>'</em>);
});</code></pre></div><div class="hr"></div><a id="Ext.list.ListView-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 inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-allowDomMove"></a><b><a href="source/Component.html#cfg-Ext.Component-allowDomMove">allowDomMove</a></b> : Boolean<div class="mdesc">Whether the component can move the Dom node when rendering (defaults to true).</div></td><td class="msource"><a href="output/Ext.Component.html#allowDomMove" ext:member="#allowDomMove" 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.BoxComponent-anchor"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-anchor">anchor</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered
by a Container which has been configured to use an Anc...</div><div class="long"><p><b>Note</b>: this config is only used when this Component is rendered
by a Container which has been configured to use an <b><a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">AnchorLayout</a> (or subclass thereof).</b>
}, {
title: <em>'Box 3'</em>
}],
-});</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#autoWidth" ext:member="#autoWidth" 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.BoxComponent-boxMaxHeight"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMaxHeight">boxMaxHeight</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this BoxComponent will set its height to.
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#autoWidth" ext:member="#autoWidth" 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.DataView-blockRefresh"></a><b><a href="source/DataView.html#cfg-Ext.DataView-blockRefresh">blockRefresh</a></b> : Boolean<div class="mdesc"><div class="short">Set this to true to ignore datachanged events on the bound store. This is useful if
+you wish to provide custom transi...</div><div class="long">Set this to true to ignore datachanged events on the bound store. This is useful if
+you wish to provide custom transition animations via a plugin (defaults to false)</div></div></td><td class="msource"><a href="output/Ext.DataView.html#blockRefresh" ext:member="#blockRefresh" ext:cls="Ext.DataView">DataView</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.BoxComponent-boxMaxHeight"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMaxHeight">boxMaxHeight</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this BoxComponent will set its height to.
Warning: This will override any size mana...</div><div class="long"><p>The maximum value in pixels which this BoxComponent will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMaxHeight" ext:member="#boxMaxHeight" 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.BoxComponent-boxMaxWidth"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMaxWidth">boxMaxWidth</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this BoxComponent will set its width to.
Warning: This will override any size manag...</div><div class="long"><p>The maximum value in pixels which this BoxComponent will set its width to.</p>
Warning: This will override any size mana...</div><div class="long"><p>The minimum value in pixels which this BoxComponent will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinHeight" ext:member="#boxMinHeight" 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.BoxComponent-boxMinWidth"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMinWidth">boxMinWidth</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this BoxComponent will set its width to.
Warning: This will override any size manag...</div><div class="long"><p>The minimum value in pixels which this BoxComponent will set its width to.</p>
-<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinWidth" ext:member="#boxMinWidth" 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-clearCls"></a><b><a href="source/Component.html#cfg-Ext.Component-clearCls">clearCls</a></b> : String<div class="mdesc"><div class="short">The CSS class used to to apply to the special clearing div rendered
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinWidth" ext:member="#boxMinWidth" 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-bubbleEvents"></a><b><a href="source/Component.html#cfg-Ext.Component-bubbleEvents">bubbleEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should be bubbled to any parent container.
+See Ext.util.Observable.enableBubble....</div><div class="long"><p>An array of events that, when fired, should be bubbled to any parent container.
+See <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">Ext.util.Observable.enableBubble</a>.
+Defaults to <tt>[]</tt>.</div></div></td><td class="msource"><a href="output/Ext.Component.html#bubbleEvents" ext:member="#bubbleEvents" 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.Component-clearCls"></a><b><a href="source/Component.html#cfg-Ext.Component-clearCls">clearCls</a></b> : String<div class="mdesc"><div class="short">The CSS class used to to apply to the special clearing div rendered
directly after each form field wrapper to provide...</div><div class="long"><p>The CSS class used to to apply to the special clearing div rendered
directly after each form field wrapper to provide field clearing (defaults to
<tt>'x-form-clear-left'</tt>).</p>
<tt><a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">fieldLabel</a></tt> is specified or <tt>isFormField=true</tt> is specified.</p><br>
<p>See <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#clearCls" ext:member="#clearCls" 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.Component-cls"></a><b><a href="source/Component.html#cfg-Ext.Component-cls">cls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
useful for ...</div><div class="long">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
-useful for adding customized styles to the component or any of its children using standard CSS rules.</div></div></td><td class="msource"><a href="output/Ext.Component.html#cls" ext:member="#cls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-columnResize"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-columnResize">columnResize</a></b> : Boolean/Object<div class="mdesc"><div class="short">Specify true or specify a configuration object for Ext.list.ListView.ColumnResizer
-to enable the columns to be resiz...</div><div class="long">Specify <tt>true</tt> or specify a configuration object for <a href="output/Ext.list.ListView.ColumnResizer.html" ext:cls="Ext.list.ListView.ColumnResizer">Ext.list.ListView.ColumnResizer</a>\r
-to enable the columns to be resizable (defaults to <tt>true</tt>).</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-columnSort"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-columnSort">columnSort</a></b> : Boolean/Object<div class="mdesc"><div class="short">Specify true or specify a configuration object for Ext.list.ListView.Sorter
-to enable the columns to be sortable (de...</div><div class="long">Specify <tt>true</tt> or specify a configuration object for <a href="output/Ext.list.ListView.Sorter.html" ext:cls="Ext.list.ListView.Sorter">Ext.list.ListView.Sorter</a>\r
-to enable the columns to be sortable (defaults to <tt>true</tt>).</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-columns"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-columns">columns</a></b> : Array<div class="mdesc"><div class="short">An array of column configuration objects, for example:
-{
- align: 'right',
- dataIndex: 'size',
- header: '...</div><div class="long">An array of column configuration objects, for example:\r
-<pre><code>{\r
- align: <em>'right'</em>,\r
- dataIndex: <em>'size'</em>,\r
- header: <em>'Size'</em>,\r
- tpl: <em>'{size:fileSize}'</em>,\r
- width: .35\r
-}</code></pre> \r
-Acceptable properties for each column configuration object are:\r
-<div class="mdetail-params"><ul>\r
-<li><b><tt>align</tt></b> : String<div class="sub-desc">Set the CSS text-align property\r
-of the column. Defaults to <tt>'left'</tt>.</div></li>\r
-<li><b><tt>dataIndex</tt></b> : String<div class="sub-desc">See <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">Ext.grid.Column</a>.\r
-<a href="output/Ext.grid.Column.html#Ext.grid.Column-dataIndex" ext:member="dataIndex" ext:cls="Ext.grid.Column">dataIndex</a> for details.</div></li>\r
-<li><b><tt>header</tt></b> : String<div class="sub-desc">See <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">Ext.grid.Column</a>.\r
-<a href="output/Ext.grid.Column.html#Ext.grid.Column-header" ext:member="header" ext:cls="Ext.grid.Column">header</a> for details.</div></li>\r
-<li><b><tt>tpl</tt></b> : String<div class="sub-desc">Specify a string to pass as the\r
-configuration string for <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a>. By default an <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a>\r
-will be implicitly created using the <tt>dataIndex</tt>.</div></li>\r
-<li><b><tt>width</tt></b> : Number<div class="sub-desc">Percentage of the container width\r
-this column should be allocated. Columns that have no width specified will be\r
-allocated with an equal percentage to fill 100% of the container width. To easily take\r
-advantage of the full container width, leave the width of at least one column undefined.\r
-Note that if you do not want to take up the full width of the container, the width of\r
-every column needs to be explicitly defined.</div></li>\r
+useful for adding customized styles to the component or any of its children using standard CSS rules.</div></div></td><td class="msource"><a href="output/Ext.Component.html#cls" ext:member="#cls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-columnResize"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-columnResize">columnResize</a></b> : Boolean/Object<div class="mdesc"><div class="short">Specify true or specify a configuration object for Ext.list.ListView.ColumnResizer
+to enable the columns to be resiza...</div><div class="long">Specify <tt>true</tt> or specify a configuration object for <a href="output/Ext.list.ListView.ColumnResizer.html" ext:cls="Ext.list.ListView.ColumnResizer">Ext.list.ListView.ColumnResizer</a>
+to enable the columns to be resizable (defaults to <tt>true</tt>).</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-columnSort"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-columnSort">columnSort</a></b> : Boolean/Object<div class="mdesc"><div class="short">Specify true or specify a configuration object for Ext.list.ListView.Sorter
+to enable the columns to be sortable (def...</div><div class="long">Specify <tt>true</tt> or specify a configuration object for <a href="output/Ext.list.ListView.Sorter.html" ext:cls="Ext.list.ListView.Sorter">Ext.list.ListView.Sorter</a>
+to enable the columns to be sortable (defaults to <tt>true</tt>).</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-columns"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-columns">columns</a></b> : Array<div class="mdesc"><div class="short">An array of column configuration objects, for example:
+{
+ align: 'right',
+ dataIndex: 'size',
+ header: 'Size...</div><div class="long">An array of column configuration objects, for example:
+<pre><code>{
+ align: <em>'right'</em>,
+ dataIndex: <em>'size'</em>,
+ header: <em>'Size'</em>,
+ tpl: <em>'{size:fileSize}'</em>,
+ width: .35
+}</code></pre>
+Acceptable properties for each column configuration object are:
+<div class="mdetail-params"><ul>
+<li><b><tt>align</tt></b> : String<div class="sub-desc">Set the CSS text-align property
+of the column. Defaults to <tt>'left'</tt>.</div></li>
+<li><b><tt>dataIndex</tt></b> : String<div class="sub-desc">See <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">Ext.grid.Column</a>.
+<a href="output/Ext.grid.Column.html#Ext.grid.Column-dataIndex" ext:member="dataIndex" ext:cls="Ext.grid.Column">dataIndex</a> for details.</div></li>
+<li><b><tt>header</tt></b> : String<div class="sub-desc">See <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">Ext.grid.Column</a>.
+<a href="output/Ext.grid.Column.html#Ext.grid.Column-header" ext:member="header" ext:cls="Ext.grid.Column">header</a> for details.</div></li>
+<li><b><tt>tpl</tt></b> : String<div class="sub-desc">Specify a string to pass as the
+configuration string for <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a>. By default an <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a>
+will be implicitly created using the <tt>dataIndex</tt>.</div></li>
+<li><b><tt>width</tt></b> : Number<div class="sub-desc">Percentage of the container width
+this column should be allocated. Columns that have no width specified will be
+allocated with an equal percentage to fill 100% of the container width. To easily take
+advantage of the full container width, leave the width of at least one column undefined.
+Note that if you do not want to take up the full width of the container, the width of
+every column needs to be explicitly defined.</div></li>
</ul></div></div></div></td><td class="msource">ListView</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-contentEl"></a><b><a href="source/Component.html#cfg-Ext.Component-contentEl">contentEl</a></b> : String<div class="mdesc"><div class="short">Optional. Specify an existing HTML element, or the id of an existing HTML element to use as the content
for this comp...</div><div class="long"><p>Optional. Specify an existing HTML element, or the <code>id</code> of an existing HTML element to use as the content
for this component.</p>
either a <code>flex = 0</code> or <code>flex = undefined</code> will not be 'flexed' (the initial size will not be changed).</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#flex" ext:member="#flex" 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.BoxComponent-height"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-height">height</a></b> : Number<div class="mdesc"><div class="short">The height of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset s...</div><div class="long">The height of this component in pixels (defaults to auto).
<b>Note</b> to express this dimension as a percentage or offset see <a href="output/Ext.Component.html#Ext.Component-anchor" ext:member="anchor" ext:cls="Ext.Component">Ext.Component.anchor</a>.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#height" ext:member="#height" ext:cls="Ext.BoxComponent">BoxComponent</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-hidden"></a><b><a href="source/Component.html#cfg-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">Render this component hidden (default is false). If <tt>true</tt>, the
-<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 "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-hideHeaders"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-hideHeaders">hideHeaders</a></b> : Boolean<div class="mdesc"><tt>true</tt> to hide the <a href="output/Ext.list.ListView.html#Ext.list.ListView-internalTpl" ext:member="internalTpl" ext:cls="Ext.list.ListView">header row</a> (defaults to <tt>false</tt> so\r
+<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 "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-hideHeaders"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-hideHeaders">hideHeaders</a></b> : Boolean<div class="mdesc"><tt>true</tt> to hide the <a href="output/Ext.list.ListView.html#Ext.list.ListView-internalTpl" ext:member="internalTpl" ext:cls="Ext.list.ListView">header row</a> (defaults to <tt>false</tt> so
the <a href="output/Ext.list.ListView.html#Ext.list.ListView-internalTpl" ext:member="internalTpl" ext:cls="Ext.list.ListView">header row</a> will be shown).</div></td><td class="msource">ListView</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
p1 = c.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a>(<em>'p1'</em>); <i>// not the same as <a href="output/Ext.html#Ext-getCmp" ext:member="getCmp" ext:cls="Ext">Ext.getCmp()</a></i>
p2 = p1.<a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a>.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a>(<em>'p2'</em>); <i>// reference via a sibling</i></code></pre>
<p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></tt> and <code><a href="output/Ext.Component.html#Ext.Component-ref" ext:member="ref" ext:cls="Ext.Component">ref</a></code>.</p>
-<p><b>Note</b>: to access the container of an item see <tt><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#itemId" ext:member="#itemId" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-itemSelector"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-itemSelector">itemSelector</a></b> : String<div class="mdesc"><div class="short">Defaults to 'dl' to work with the preconfigured tpl.
-This setting specifies the CSS selector (e.g. div.some-class or...</div><div class="long">Defaults to <tt>'dl'</tt> to work with the preconfigured <b><tt><a href="output/Ext.DataView.html#Ext.DataView-tpl" ext:member="tpl" ext:cls="Ext.DataView">tpl</a></tt></b>.\r
-This setting specifies the CSS selector (e.g. <tt>div.some-class</tt> or <tt>span:first-child</tt>)\r
+<p><b>Note</b>: to access the container of an item see <tt><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#itemId" ext:member="#itemId" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-itemSelector"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-itemSelector">itemSelector</a></b> : String<div class="mdesc"><div class="short">Defaults to 'dl' to work with the preconfigured tpl.
+This setting specifies the CSS selector (e.g. div.some-class or ...</div><div class="long">Defaults to <tt>'dl'</tt> to work with the preconfigured <b><tt><a href="output/Ext.DataView.html#Ext.DataView-tpl" ext:member="tpl" ext:cls="Ext.DataView">tpl</a></tt></b>.
+This setting specifies the CSS selector (e.g. <tt>div.some-class</tt> or <tt>span:first-child</tt>)
that will be used to determine what nodes the ListView will be working with.</div></div></td><td class="msource">ListView</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-labelSeparator"></a><b><a href="source/Component.html#cfg-Ext.Component-labelSeparator">labelSeparator</a></b> : String<div class="mdesc"><div class="short">The separator to display after the text of each
fieldLabel. This property may be configured at various levels.
The o...</div><div class="long"><p>The separator to display after the text of each
</ul></div></p>
<p>Defaults to:</p><pre><code>{top:0, right:0, bottom:0, left:0}</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#margins" ext:member="#margins" 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.DataView-multiSelect"></a><b><a href="source/DataView.html#cfg-Ext.DataView-multiSelect">multiSelect</a></b> : Boolean<div class="mdesc"><div class="short">True to allow selection of more than one item at a time, false to allow selection of only a single item
at a time or ...</div><div class="long">True to allow selection of more than one item at a time, false to allow selection of only a single item
-at a time or no selection at all, depending on the value of <a href="output/Ext.DataView.html#Ext.DataView-singleSelect" ext:member="singleSelect" ext:cls="Ext.DataView">singleSelect</a> (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.DataView.html#multiSelect" ext:member="#multiSelect" ext:cls="Ext.DataView">DataView</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-overClass"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-overClass">overClass</a></b> : String<div class="mdesc"><div class="short">The CSS class applied when over a row (defaults to
-'x-list-over'). An example overriding the default styling:
- ....</div><div class="long">The CSS class applied when over a row (defaults to\r
-<tt>'x-list-over'</tt>). An example overriding the default styling:\r
+at a time or no selection at all, depending on the value of <a href="output/Ext.DataView.html#Ext.DataView-singleSelect" ext:member="singleSelect" ext:cls="Ext.DataView">singleSelect</a> (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.DataView.html#multiSelect" ext:member="#multiSelect" ext:cls="Ext.DataView">DataView</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-overClass"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-overClass">overClass</a></b> : String<div class="mdesc"><div class="short">The CSS class applied when over a row (defaults to
+'x-list-over'). An example overriding the default styling:
+ .x-...</div><div class="long">The CSS class applied when over a row (defaults to
+<tt>'x-list-over'</tt>). An example overriding the default styling:
<pre><code>.x-list-over {background-color: orange;}</code></pre></div></div></td><td class="msource">ListView</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 expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-reserveScrollOffset"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-reserveScrollOffset">reserveScrollOffset</a></b> : Boolean<div class="mdesc"><div class="short">By default will defer accounting for the configured scrollOffset
-for 10 milliseconds. Specify true to account for t...</div><div class="long">By default will defer accounting for the configured <b><tt><a href="output/Ext.list.ListView.html#Ext.list.ListView-scrollOffset" ext:member="scrollOffset" ext:cls="Ext.list.ListView">scrollOffset</a></tt></b>\r
-for 10 milliseconds. Specify <tt>true</tt> to account for the configured\r
-<b><tt><a href="output/Ext.list.ListView.html#Ext.list.ListView-scrollOffset" ext:member="scrollOffset" ext:cls="Ext.list.ListView">scrollOffset</a></tt></b> immediately.</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-scrollOffset"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-scrollOffset">scrollOffset</a></b> : Number<div class="mdesc"><div class="short">The amount of space to reserve for the scrollbar (defaults to
-undefined). If an explicit value isn't specified, this...</div><div class="long">The amount of space to reserve for the scrollbar (defaults to\r
-<tt>undefined</tt>). If an explicit value isn't specified, this will be automatically\r
-calculated.</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-selectedClass"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-selectedClass">selectedClass</a></b> : String<div class="mdesc"><div class="short">The CSS class applied to a selected row (defaults to
-'x-list-selected'). An example overriding the default styling: ...</div><div class="long">The CSS class applied to a selected row (defaults to\r
-<tt>'x-list-selected'</tt>). An example overriding the default styling:\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 expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-reserveScrollOffset"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-reserveScrollOffset">reserveScrollOffset</a></b> : Boolean<div class="mdesc"><div class="short">By default will defer accounting for the configured scrollOffset
+for 10 milliseconds. Specify true to account for th...</div><div class="long">By default will defer accounting for the configured <b><tt><a href="output/Ext.list.ListView.html#Ext.list.ListView-scrollOffset" ext:member="scrollOffset" ext:cls="Ext.list.ListView">scrollOffset</a></tt></b>
+for 10 milliseconds. Specify <tt>true</tt> to account for the configured
+<b><tt><a href="output/Ext.list.ListView.html#Ext.list.ListView-scrollOffset" ext:member="scrollOffset" ext:cls="Ext.list.ListView">scrollOffset</a></tt></b> immediately.</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-scrollOffset"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-scrollOffset">scrollOffset</a></b> : Number<div class="mdesc"><div class="short">The amount of space to reserve for the scrollbar (defaults to
+undefined). If an explicit value isn't specified, this ...</div><div class="long">The amount of space to reserve for the scrollbar (defaults to
+<tt>undefined</tt>). If an explicit value isn't specified, this will be automatically
+calculated.</div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-selectedClass"></a><b><a href="source/ListView.html#cfg-Ext.list.ListView-selectedClass">selectedClass</a></b> : String<div class="mdesc"><div class="short">The CSS class applied to a selected row (defaults to
+'x-list-selected'). An example overriding the default styling:
+ ...</div><div class="long">The CSS class applied to a selected row (defaults to
+<tt>'x-list-selected'</tt>). An example overriding the default styling:
<pre><code>.x-list-selected {background-color: yellow;}</code></pre></div></div></td><td class="msource">ListView</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.DataView-simpleSelect"></a><b><a href="source/DataView.html#cfg-Ext.DataView-simpleSelect">simpleSelect</a></b> : Boolean<div class="mdesc"><div class="short">True to enable multiselection by clicking on multiple items without requiring the user to hold Shift or Ctrl,
false t...</div><div class="long">True to enable multiselection by clicking on multiple items without requiring the user to hold Shift or Ctrl,
false to force the user to hold Ctrl or Shift to select more than on item (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.DataView.html#simpleSelect" ext:member="#simpleSelect" ext:cls="Ext.DataView">DataView</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.DataView-singleSelect"></a><b><a href="source/DataView.html#cfg-Ext.DataView-singleSelect">singleSelect</a></b> : Boolean<div class="mdesc"><div class="short">True to allow selection of exactly one item at a time, false to allow no selection at all (defaults to false).
<br><br>
If you subclass Components to create your own Components, you may register
them using <a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerType" ext:member="registerType" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerType</a> in order to be able to
-take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" 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.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.list.ListView-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-disableHeaders"></a><b><a href="source/ListView.html#prop-Ext.list.ListView-disableHeaders">disableHeaders</a></b> : Boolean<div class="mdesc">Set this property to <tt>true</tt> to disable the header click handler disabling sort\r
+take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" 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.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.list.ListView-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.ListView-disableHeaders"></a><b><a href="source/ListView.html#prop-Ext.list.ListView-disableHeaders">disableHeaders</a></b> : Boolean<div class="mdesc">Set this property to <tt>true</tt> to disable the header click handler disabling sort
(defaults to <tt>false</tt>).</div></td><td class="msource">ListView</td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-disabled"></a><b><a href="source/Component.html#prop-Ext.Component-disabled">disabled</a></b> : Boolean<div class="mdesc">True if this component is disabled. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#disabled" ext:member="#disabled" 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-el"></a><b><a href="source/Component.html#prop-Ext.Component-el">el</a></b> : Ext.Element<div class="mdesc"><div class="short">The Ext.Element which encapsulates this Component. Read-only.
This will usually be a &lt;DIV> element created by the ...</div><div class="long"><p>The <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> which encapsulates this Component. Read-only.</p>
<p>This will <i>usually</i> be a <DIV> element created by the class's onRender method, but
:
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.DataView-bindStore"></a><b><a href="source/DataView.html#method-Ext.DataView-bindStore">bindStore</a></b>( <code>Store store</code> )
:
- void<div class="mdesc"><div class="short">Changes the data store bound to this view and refreshes it.</div><div class="long">Changes the data store bound to this view and refreshes it.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>store</code> : Store<div class="sub-desc">The store to bind to this view</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#bindStore" ext:member="#bindStore" ext:cls="Ext.DataView">DataView</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.DataView-clearSelections"></a><b><a href="source/DataView.html#method-Ext.DataView-clearSelections">clearSelections</a></b>( <span title="Optional" class="optional">[<code>Boolean suppressEvent</code>]</span> )
+ void<div class="mdesc"><div class="short">Changes the data store bound to this view and refreshes it.</div><div class="long">Changes the data store bound to this view and refreshes it.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>store</code> : Store<div class="sub-desc">The store to bind to this view</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#bindStore" ext:member="#bindStore" ext:cls="Ext.DataView">DataView</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.Component<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.Component</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 inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.DataView-clearSelections"></a><b><a href="source/DataView.html#method-Ext.DataView-clearSelections">clearSelections</a></b>( <span title="Optional" class="optional">[<code>Boolean suppressEvent</code>]</span> )
:
void<div class="mdesc"><div class="short">Clears all selections.</div><div class="long">Clears all selections.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>suppressEvent</code> : Boolean<div class="sub-desc">(optional) True to skip firing of the selectionchange event</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#clearSelections" ext:member="#clearSelections" ext:cls="Ext.DataView">DataView</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-cloneConfig"></a><b><a href="source/Component.html#method-Ext.Component-cloneConfig">cloneConfig</a></b>( <code>Object overrides</code> )
:
Ext.Component<div class="mdesc"><div class="short">Clone the current component using the original config values passed into this instance by default.</div><div class="long">Clone the current component using the original config values passed into this instance by default.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>overrides</code> : Object<div class="sub-desc">A new config containing any properties to override in the cloned version.
An id property can be passed on this object, otherwise one will be generated to avoid duplicates.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">clone The cloned copy of this component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#cloneConfig" ext:member="#cloneConfig" 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.list.ListView-collectData"></a><b><a href="source/ListView.html#method-Ext.list.ListView-collectData">collectData</a></b>( <code>Array records</code>, <code>Number startIndex</code> )
:
- Object<div class="mdesc"><div class="short">Function which can be overridden which returns the data object passed to this
-view's template to render the whole Li...</div><div class="long"><p>Function which can be overridden which returns the data object passed to this\r
-view's <a href="output/Ext.list.ListView.html#Ext.list.ListView-tpl" ext:member="tpl" ext:cls="Ext.list.ListView">template</a> to render the whole ListView. The returned object \r
-shall contain the following properties:</p>\r
-<div class="mdetail-params"><ul>\r
-<li><b>columns</b> : String<div class="sub-desc">See <tt><a href="output/Ext.list.ListView.html#Ext.list.ListView-columns" ext:member="columns" ext:cls="Ext.list.ListView">columns</a></tt></div></li>\r
-<li><b>rows</b> : String<div class="sub-desc">See\r
-<tt><a href="output/Ext.DataView.html" ext:cls="Ext.DataView">Ext.DataView</a>.<a href="output/Ext.DataView.html#Ext.DataView-collectData" ext:member="collectData" ext:cls="Ext.DataView">collectData</a></div></li>\r
-</ul></div><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>records</code> : Array<div class="sub-desc">An Array of <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Ext.data.Record</a>s to be rendered into the DataView.</div></li><li><code>startIndex</code> : Number<div class="sub-desc">the index number of the Record being prepared for rendering.</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">A data object containing properties to be processed by a repeating
-XTemplate as described above.</div></li></ul></div></div></div></td><td class="msource">ListView</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.DataView-deselect"></a><b><a href="source/DataView.html#method-Ext.DataView-deselect">deselect</a></b>( <code>HTMLElement/Number node</code> )
+ Object<div class="mdesc"><div class="short">Function which can be overridden which returns the data object passed to this
+view's template to render the whole Lis...</div><div class="long"><p>Function which can be overridden which returns the data object passed to this
+view's <a href="output/Ext.list.ListView.html#Ext.list.ListView-tpl" ext:member="tpl" ext:cls="Ext.list.ListView">template</a> to render the whole ListView. The returned object
+shall contain the following properties:</p>
+<div class="mdetail-params"><ul>
+<li><b>columns</b> : String<div class="sub-desc">See <tt><a href="output/Ext.list.ListView.html#Ext.list.ListView-columns" ext:member="columns" ext:cls="Ext.list.ListView">columns</a></tt></div></li>
+<li><b>rows</b> : String<div class="sub-desc">See
+<tt><a href="output/Ext.DataView.html" ext:cls="Ext.DataView">Ext.DataView</a>.<a href="output/Ext.DataView.html#Ext.DataView-collectData" ext:member="collectData" ext:cls="Ext.DataView">collectData</a></div></li>
+</ul></div><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>records</code> : Array<div class="sub-desc">An Array of <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Ext.data.Record</a>s to be rendered into the DataView.</div></li><li><code>startIndex</code> : Number<div class="sub-desc">the index number of the Record being prepared for rendering.</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">A data object containing properties to be processed by a repeating
+XTemplate as described above.</div></li></ul></div></div></div></td><td class="msource">ListView</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.DataView-deselect"></a><b><a href="source/DataView.html#method-Ext.DataView-deselect">deselect</a></b>( <code>HTMLElement/Number/Record node</code> )
:
- void<div class="mdesc"><div class="short">Deselects a node.</div><div class="long">Deselects a node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : HTMLElement/Number
<div class="sub-desc">The node to deselect</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#deselect" ext:member="#deselect" ext:cls="Ext.DataView">DataView</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-destroy"></a><b><a href="source/Component.html#method-Ext.Component-destroy">destroy</a></b>()
+ void<div class="mdesc"><div class="short">Deselects a node.</div><div class="long">Deselects a node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : HTMLElement/Number
/Record<div class="sub-desc">The node, node index or record to deselect</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#deselect" ext:member="#deselect" ext:cls="Ext.DataView">DataView</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-destroy"></a><b><a href="source/Component.html#method-Ext.Component-destroy">destroy</a></b>()
:
void<div class="mdesc"><div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,
removing the c...</div><div class="long">Destroys this component by purging any event listeners, removing the component's element from the DOM,
:
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.DataView-findItemFromChild"></a><b><a href="source/DataView.html#method-Ext.DataView-findItemFromChild">findItemFromChild</a></b>( <code>HTMLElement node</code> )
:
HTMLElement<div class="mdesc"><div class="short">Returns the template node the passed child belongs to, or null if it doesn't belong to one.</div><div class="long">Returns the template node the passed child belongs to, or null if it doesn't belong to one.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : HTMLElement<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement</code><div class="sub-desc">The template node</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#findItemFromChild" ext:member="#findItemFromChild" ext:cls="Ext.DataView">DataView</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-findParentBy"></a><b><a href="source/Component.html#method-Ext.Component-findParentBy">findParentBy</a></b>( <code>Function fn</code> )
:
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>
itemId was not assigned through configuration the
id is returned using g...</div><div class="long">Returns the <code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code> of this component. If an
<code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code> was not assigned through configuration the
-<code>id</code> is returned using <code><a href="output/Ext.Component.html#Ext.Component-getId" ext:member="getId" ext:cls="Ext.Component">getId</a></code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getItemId" ext:member="#getItemId" 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.DataView-getNode"></a><b><a href="source/DataView.html#method-Ext.DataView-getNode">getNode</a></b>( <code>HTMLElement/String/Number nodeInfo</code> )
+<code>id</code> is returned using <code><a href="output/Ext.Component.html#Ext.Component-getId" ext:member="getId" ext:cls="Ext.Component">getId</a></code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getItemId" ext:member="#getItemId" 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.DataView-getNode"></a><b><a href="source/DataView.html#method-Ext.DataView-getNode">getNode</a></b>( <code>HTMLElement/String/Number/Ext.data.Record nodeInfo</code> )
:
- HTMLElement<div class="mdesc"><div class="short">Gets a template node.</div><div class="long">Gets a template node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>nodeInfo</code> : HTMLElement/String/Number<div class="sub-desc">An HTMLElement template node, index of a template node or the id of a template node</div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement</code><div class="sub-desc">The node or null if it wasn't found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#getNode" ext:member="#getNode" ext:cls="Ext.DataView">DataView</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.DataView-getNodes"></a><b><a href="source/DataView.html#method-Ext.DataView-getNodes">getNodes</a></b>( <span title="Optional" class="optional">[<code>Number start</code>]</span>, <span title="Optional" class="optional">[<code>Number end</code>]</span> )
+ HTMLElement<div class="mdesc"><div class="short">Gets a template node.</div><div class="long">Gets a template node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>nodeInfo</code> : HTMLElement/String/Number/Ext.data.Record<div class="sub-desc">An HTMLElement template node, index of a template node,
+the id of a template node or the record associated with the node.</div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement</code><div class="sub-desc">The node or null if it wasn't found</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#getNode" ext:member="#getNode" ext:cls="Ext.DataView">DataView</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.DataView-getNodes"></a><b><a href="source/DataView.html#method-Ext.DataView-getNodes">getNodes</a></b>( <span title="Optional" class="optional">[<code>Number start</code>]</span>, <span title="Optional" class="optional">[<code>Number end</code>]</span> )
:
Array<div class="mdesc"><div class="short">Gets a range nodes.</div><div class="long">Gets a range nodes.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>start</code> : Number<div class="sub-desc">(optional) The index of the first node in the range</div></li><li><code>end</code> : Number<div class="sub-desc">(optional) The index of the last node in the range</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">An array of nodes</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#getNodes" ext:member="#getNodes" ext:cls="Ext.DataView">DataView</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-getOuterSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getOuterSize">getOuterSize</a></b>()
:
false to cancel hiding the component. Fires the 'h...</div><div class="long">Hide this component. Listen to the '<a href="output/Ext.Component.html#Ext.Component-beforehide" ext:member="beforehide" ext:cls="Ext.Component">beforehide</a>' event and return
<tt>false</tt> to cancel hiding the component. Fires the '<a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a>'
event after hiding the component. Note this method is called internally if
-the component is configured to be <code><a href="output/Ext.Component.html#Ext.Component-hidden" ext:member="hidden" ext:cls="Ext.Component">hidden</a></code>.<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#hide" ext:member="#hide" 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.DataView-indexOf"></a><b><a href="source/DataView.html#method-Ext.DataView-indexOf">indexOf</a></b>( <code>HTMLElement/String/Number nodeInfo</code> )
+the component is configured to be <code><a href="output/Ext.Component.html#Ext.Component-hidden" ext:member="hidden" ext:cls="Ext.Component">hidden</a></code>.<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#hide" ext:member="#hide" 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.DataView-indexOf"></a><b><a href="source/DataView.html#method-Ext.DataView-indexOf">indexOf</a></b>( <code>HTMLElement/String/Number/Record nodeInfo</code> )
:
- Number<div class="mdesc"><div class="short">Finds the index of the passed node.</div><div class="long">Finds the index of the passed node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>nodeInfo</code> : HTMLElement/String/Number<div class="sub-desc">An HTMLElement template node, index of a template node or the id of a template node</div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The index of the node or -1</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#indexOf" ext:member="#indexOf" ext:cls="Ext.DataView">DataView</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.DataView-isSelected"></a><b><a href="source/DataView.html#method-Ext.DataView-isSelected">isSelected</a></b>( <code>HTMLElement/Number node</code> )
+ Number<div class="mdesc"><div class="short">Finds the index of the passed node.</div><div class="long">Finds the index of the passed node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>nodeInfo</code> : HTMLElement/String/Number/Record<div class="sub-desc">An HTMLElement template node, index of a template node, the id of a template node
+or a record associated with a node.</div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The index of the node or -1</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#indexOf" ext:member="#indexOf" ext:cls="Ext.DataView">DataView</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.DataView-isSelected"></a><b><a href="source/DataView.html#method-Ext.DataView-isSelected">isSelected</a></b>( <code>HTMLElement/Number/Ext.data.Record node</code> )
:
- Boolean<div class="mdesc"><div class="short">Returns true if the passed node is selected, else false.</div><div class="long">Returns true if the passed node is selected, else false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : HTMLElement/Number
<div class="sub-desc">The node or node index to check</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if selected, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#isSelected" ext:member="#isSelected" ext:cls="Ext.DataView">DataView</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 the passed node is selected, else false.</div><div class="long">Returns true if the passed node is selected, else false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>node</code> : HTMLElement/Number
/Ext.data.Record<div class="sub-desc">The node, node index or record to check</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if selected, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#isSelected" ext:member="#isSelected" ext:cls="Ext.DataView">DataView</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.Component-mon"></a><b><a href="source/Component.html#method-Ext.Component-mon">mon</a></b>( <code>Observable|Element item</code>, <code>Object|String ename</code>, <code>Function fn</code>, <code>Object scope</code>, <code>Object opt</code> )
:
void<div class="mdesc"><div class="short">Adds listeners to any Observable object (or Elements) which are automatically removed when this Component
If events were suspended using the queueSuspended parameter, then all
event...</div><div class="long">Resume firing events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-suspendEvents" ext:member="suspendEvents" ext:cls="Ext.util.Observable">suspendEvents</a>)
If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
-events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.DataView-select"></a><b><a href="source/DataView.html#method-Ext.DataView-select">select</a></b>( <code>Array/HTMLElement/String/Number nodeInfo</code>, <span title="Optional" class="optional">[<code>Boolean keepExisting</code>]</span>, <span title="Optional" class="optional">[<code>Boolean suppressEvent</code>]</span> )
+events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.DataView-select"></a><b><a href="source/DataView.html#method-Ext.DataView-select">select</a></b>( <code>Array/HTMLElement/String/Number/Ext.data.Record nodeInfo</code>, <span title="Optional" class="optional">[<code>Boolean keepExisting</code>]</span>, <span title="Optional" class="optional">[<code>Boolean suppressEvent</code>]</span> )
:
- void<div class="mdesc"><div class="short">Selects a set of nodes.</div><div class="long">Selects a set of nodes.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>nodeInfo</code> : Array/HTMLElement/String/Number<div class="sub-desc">An HTMLElement template node, index of a template node,
-id of a template node or an array of any of those to select</div></li><li><code>keepExisting</code> : Boolean<div class="sub-desc">(optional) true to keep existing selections</div></li><li><code>suppressEvent</code> : Boolean<div class="sub-desc">(optional) true to skip firing of the selectionchange vent</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#select" ext:member="#select" ext:cls="Ext.DataView">DataView</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.DataView-selectRange"></a><b><a href="source/DataView.html#method-Ext.DataView-selectRange">selectRange</a></b>( <code>Number start</code>, <code>Number end</code>, <span title="Optional" class="optional">[<code>Boolean keepExisting</code>]</span> )
+ void<div class="mdesc"><div class="short">Selects a set of nodes.</div><div class="long">Selects a set of nodes.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>nodeInfo</code> : Array/HTMLElement/String/Number
/Ext.data.Record<div class="sub-desc">An HTMLElement template node, index of a template node,
+id of a template node
, record associated with a node or an array of any of those to select</div></li><li><code>keepExisting</code> : Boolean<div class="sub-desc">(optional) true to keep existing selections</div></li><li><code>suppressEvent</code> : Boolean<div class="sub-desc">(optional) true to skip firing of the selectionchange vent</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#select" ext:member="#select" ext:cls="Ext.DataView">DataView</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.DataView-selectRange"></a><b><a href="source/DataView.html#method-Ext.DataView-selectRange">selectRange</a></b>( <code>Number start</code>, <code>Number end</code>, <span title="Optional" class="optional">[<code>Boolean keepExisting</code>]</span> )
:
void<div class="mdesc"><div class="short">Selects a range of nodes. All nodes between start and end are selected.</div><div class="long">Selects a range of nodes. All nodes between start and end are selected.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>start</code> : Number<div class="sub-desc">The index of the first node in the range</div></li><li><code>end</code> : Number<div class="sub-desc">The index of the last node in the range</div></li><li><code>keepExisting</code> : Boolean<div class="sub-desc">(optional) True to retain existing selections</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#selectRange" ext:member="#selectRange" ext:cls="Ext.DataView">DataView</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-setAutoScroll"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setAutoScroll">setAutoScroll</a></b>( <code>Boolean scroll</code> )
:
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.BoxComponent-setPagePosition"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setPagePosition">setPagePosition</a></b>( <code>Number x</code>, <code>Number y</code> )
:
void<div class="mdesc"><div class="short">Changes the data store bound to this view and refreshes it. (deprecated in favor of bindStore)</div><div class="long">Changes the data store bound to this view and refreshes it. (deprecated in favor of bindStore)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>store</code> : Store<div class="sub-desc">The store to bind to this view</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.DataView.html#setStore" ext:member="#setStore" ext:cls="Ext.DataView">DataView</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.Component-show"></a><b><a href="source/Component.html#method-Ext.Component-show">show</a></b>()
:
git.ithinksw.org / extjs.git / blobdiff