1 <div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.list.NumberColumn-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.list.NumberColumn-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.list.NumberColumn-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.list.NumberColumn-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.list.NumberColumn"><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.list.Column.html" ext:member="" ext:cls="Ext.list.Column">Column</a> <img src="resources/elbow-end.gif">NumberColumn</pre></div><h1>Class <a href="source/Column1.html#cls-Ext.list.NumberColumn">Ext.list.NumberColumn</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/Column1.html#cls-Ext.list.NumberColumn">Column.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Column1.html#cls-Ext.list.NumberColumn">NumberColumn</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.list.Column.html" ext:cls="Ext.list.Column" ext:member="">Column</a></td></tr></table><div class="description"><p>A Column definition class which renders a numeric data field according to a <a href="output/Ext.list.NumberColumn.html#Ext.list.NumberColumn-format" ext:member="format" ext:cls="Ext.list.NumberColumn">format</a> string. See the
2 <a href="output/Ext.list.Column.html#Ext.list.Column-xtype" ext:member="xtype" ext:cls="Ext.list.Column">xtype</a> config option of <a href="output/Ext.list.Column.html" ext:cls="Ext.list.Column">Ext.list.Column</a> for more details.</p></div><div class="hr"></div><a id="Ext.list.NumberColumn-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.list.Column-align"></a><b><a href="source/Column1.html#cfg-Ext.list.Column-align">align</a></b> : String<div class="mdesc">Set the CSS text-align property of the column. Defaults to <tt>'left'</tt>.</div></td><td class="msource"><a href="output/Ext.list.Column.html#align" ext:member="#align" ext:cls="Ext.list.Column">Column</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.Column-cls"></a><b><a href="source/Column1.html#cfg-Ext.list.Column-cls">cls</a></b> : String<div class="mdesc">Optional. This option can be used to add a CSS class to the cell of each
3 row for this column.</div></td><td class="msource"><a href="output/Ext.list.Column.html#cls" ext:member="#cls" ext:cls="Ext.list.Column">Column</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.list.Column-dataIndex"></a><b><a href="source/Column1.html#cfg-Ext.list.Column-dataIndex">dataIndex</a></b> : String<div class="mdesc"><div class="short">Required. The name of the field in the
4 ListViews's Ext.data.Store's Ext.data.Record definition from
5 which to draw the...</div><div class="long"><p><b>Required</b>. The name of the field in the
6 ListViews's <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Ext.data.Store</a>'s <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Ext.data.Record</a> definition from
7 which to draw the column's value.</p></div></div></td><td class="msource"><a href="output/Ext.list.Column.html#dataIndex" ext:member="#dataIndex" ext:cls="Ext.list.Column">Column</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.NumberColumn-format"></a><b><a href="source/Column1.html#cfg-Ext.list.NumberColumn-format">format</a></b> : String<div class="mdesc"><div class="short">A formatting string as used by Ext.util.Format.number to format a numeric value for this Column
8 (defaults to '0,000.0...</div><div class="long">A formatting string as used by <a href="output/Ext.util.Format.html#Ext.util.Format-number" ext:member="number" ext:cls="Ext.util.Format">Ext.util.Format.number</a> to format a numeric value for this Column
9 (defaults to <tt>'0,000.00'</tt>).</div></div></td><td class="msource">NumberColumn</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.list.Column-header"></a><b><a href="source/Column1.html#cfg-Ext.list.Column-header">header</a></b> : String<div class="mdesc"><div class="short">Optional. The header text to be used as innerHTML
10 (html tags are accepted) to display in the ListView. Note: to
11 have...</div><div class="long">Optional. The header text to be used as innerHTML
12 (html tags are accepted) to display in the ListView. <b>Note</b>: to
13 have a clickable header with no text displayed use <tt>' '</tt>.</div></div></td><td class="msource"><a href="output/Ext.list.Column.html#header" ext:member="#header" ext:cls="Ext.list.Column">Column</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.list.Column-tpl"></a><b><a href="source/Column1.html#cfg-Ext.list.Column-tpl">tpl</a></b> : String<div class="mdesc"><div class="short">Optional. Specify a string to pass as the
14 configuration string for Ext.XTemplate. By default an Ext.XTemplate
15 will b...</div><div class="long">Optional. Specify a string to pass as the
16 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>
17 will be implicitly created using the <tt>dataIndex</tt>.</div></div></td><td class="msource"><a href="output/Ext.list.Column.html#tpl" ext:member="#tpl" ext:cls="Ext.list.Column">Column</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.list.Column-width"></a><b><a href="source/Column1.html#cfg-Ext.list.Column-width">width</a></b> : Number<div class="mdesc"><div class="short">Optional. Percentage of the container width
18 this column should be allocated. Columns that have no width specified wi...</div><div class="long">Optional. Percentage of the container width
19 this column should be allocated. Columns that have no width specified will be
20 allocated with an equal percentage to fill 100% of the container width. To easily take
21 advantage of the full container width, leave the width of at least one column undefined.
22 Note that if you do not want to take up the full width of the container, the width of
23 every column needs to be explicitly defined.</div></div></td><td class="msource"><a href="output/Ext.list.Column.html#width" ext:member="#width" ext:cls="Ext.list.Column">Column</a></td></tr></tbody></table><a id="Ext.list.NumberColumn-props"></a><h2>Public Properties</h2><div class="no-members">This class has no public properties.</div><a id="Ext.list.NumberColumn-methods"></a><h2>Public Methods</h2><div class="no-members">This class has no public methods.</div><a id="Ext.list.NumberColumn-events"></a><h2>Public Events</h2><div class="no-members">This class has no public events.</div></div>