ext.grid.columnmodel.html.svn-base
来自「PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。」· SVN-BASE 代码 · 共 1,171 行 · 第 1/5 页
SVN-BASE
1,171 行
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.grid.ColumnModel-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.grid.ColumnModel-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.grid.ColumnModel-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.grid.ColumnModel-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.grid.ColumnModel"><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 ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/>ColumnModel</pre></div> <h1>Class Ext.grid.ColumnModel</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext.grid</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">ColumnModel.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">ColumnModel</td></tr> <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.grid.PropertyColumnModel" href="output/Ext.grid.PropertyColumnModel.html">PropertyColumnModel</a></td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a></td></tr> </table> <div class="description"> This is the default implementation of a ColumnModel used by the Grid. This class is initializedwith an Array of column config objects.<br><br>An individual column's config object defines the header string, the <a ext:cls="Ext.data.Record" href="output/Ext.data.Record.html">Ext.data.Record</a>field the column draws its data from, an optional rendering function to provide customizeddata formatting, and the ability to apply a CSS class to all cells in a column through its<a ext:cls="Ext.grid.ColumnModel" ext:member="id" href="output/Ext.grid.ColumnModel.html#id">id</a> config option.<br><br>Usage:<br> <pre><code>var colModel = <b>new</b> Ext.grid.ColumnModel([ {header: <em>"Ticker"</em>, width: 60, sortable: true}, {header: <em>"Company Name"</em>, width: 150, sortable: true}, {header: <em>"Market Cap."</em>, width: 100, sortable: true}, {header: <em>"$ Sales"</em>, width: 100, sortable: true, renderer: money}, {header: <em>"Employees"</em>, width: 100, sortable: true, resizable: false} ]);</code></pre><p>The config options listed for this class are options which may appear in eachindividual column definition. </div> <div class="hr"></div> <a id="Ext.grid.ColumnModel-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-align"></a>
<b>align</b> : String <div class="mdesc">
(optional) Set the CSS text-align property of the column. Defaults to undefined. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-css"></a>
<b>css</b> : String <div class="mdesc">
(optional) Set custom CSS for all table cells in the column (excluding headers). Defaults to undefined. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-dataIndex"></a>
<b>dataIndex</b> : String <div class="mdesc">
<div class="short">(optional) The name of the field in the grid's Ext.data.Store's Ext.data.Record definition from which to draw the col...</div>
<div class="long">
(optional) The name of the field in the grid's <a ext:cls="Ext.data.Store" href="output/Ext.data.Store.html">Ext.data.Store</a>'s <a ext:cls="Ext.data.Record" href="output/Ext.data.Record.html">Ext.data.Record</a> definition from which to draw the column's value. If not specified, the column's index is used as an index into the Record's data Array. </div>
</div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-editor"></a>
<b>editor</b> : Ext.form.Field <div class="mdesc">
(optional) The <a ext:cls="Ext.form.Field" href="output/Ext.form.Field.html">Ext.form.Field</a> to use when editing values in this column if editing is supported by the grid. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-fixed"></a>
<b>fixed</b> : Boolean <div class="mdesc">
(optional) True if the column width cannot be changed. Defaults to false. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-header"></a>
<b>header</b> : String <div class="mdesc">
The header text to display in the Grid view. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-hidden"></a>
<b>hidden</b> : Boolean <div class="mdesc">
(optional) True to hide the column. Defaults to false. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-hideable"></a>
<b>hideable</b> : Boolean <div class="mdesc">
(optional) Specify as <tt>false</tt> to prevent the user from hiding this column. Defaults to true. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-id"></a>
<b>id</b> : String <div class="mdesc">
<div class="short">(optional) Defaults to the column's initial ordinal position. A name which identifies this column. The id is used to ...</div>
<div class="long">
(optional) Defaults to the column's initial ordinal position. A name which identifies this column. The id is used to create a CSS class name which is applied to all table cells (including headers) in that column. The class name takes the form of <pre>x-grid3-td-<b>id</b></pre> <br><br> Header cells will also recieve this class name, but will also have the class <pr>x-grid3-hd</pre>, so to target header cells, use CSS selectors such as:<pre>.x-grid3-hd.x-grid3-td-<b>id</b></pre> The <a ext:cls="Ext.grid.GridPanel" ext:member="autoExpandColumn" href="output/Ext.grid.GridPanel.html#autoExpandColumn">Ext.grid.GridPanel.autoExpandColumn</a> grid config option references the column via this identifier. </div>
</div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-listeners"></a>
<b>listeners</b> : Object <div class="mdesc">
<div class="short">A config object containing one or more event handlers to be added to this object during initialization. This should b...</div>
<div class="long">
A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-menuDisabled"></a>
<b>menuDisabled</b> : Boolean <div class="mdesc">
(optional) True to disable the column menu. Defaults to false. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-renderer"></a>
<b>renderer</b> : Function <div class="mdesc">
<div class="short">(optional) A function used to generate HTML markup for a cell given the cell's data value. See setRenderer. If not sp...</div>
<div class="long">
(optional) A function used to generate HTML markup for a cell given the cell's data value. See <a ext:cls="Ext.grid.ColumnModel" ext:member="setRenderer" href="output/Ext.grid.ColumnModel.html#setRenderer">setRenderer</a>. If not specified, the default renderer uses the raw data value. </div>
</div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-resizable"></a>
<b>resizable</b> : Boolean <div class="mdesc">
(optional) False to disable column resizing. Defaults to true. </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-sortable"></a>
<b>sortable</b> : Boolean <div class="mdesc">
<div class="short">(optional) True if sorting is to be allowed on this column. Defaults to the value of the defaultSortable property. Wh...</div>
<div class="long">
(optional) True if sorting is to be allowed on this column. Defaults to the value of the <a ext:cls="Ext.grid.ColumnModel" ext:member="defaultSortable" href="output/Ext.grid.ColumnModel.html#defaultSortable">defaultSortable</a> property. Whether local/remote sorting is used is specified in <a ext:cls="Ext.data.Store" ext:member="remoteSort" href="output/Ext.data.Store.html#remoteSort">Ext.data.Store.remoteSort</a>. </div>
</div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-tooltip"></a>
<b>tooltip</b> : String <div class="mdesc">
<div class="short">(optional) A text string to use as the column header's tooltip. If Quicktips are enabled, this value will be used as ...</div>
<div class="long">
(optional) A text string to use as the column header's tooltip. If Quicktips are enabled, this value will be used as the text of the quick tip, otherwise it will be set as the header's HTML title attribute. Defaults to ''. </div>
</div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-width"></a>
<b>width</b> : Number <div class="mdesc">
<div class="short">(optional) The initial width in pixels of the column. Using this instead of Ext.grid.GridPanel.autoSizeColumns is mor...</div>
<div class="long">
(optional) The initial width in pixels of the column. Using this instead of <a ext:cls="Ext.grid.GridPanel" ext:member="autoSizeColumns" href="output/Ext.grid.GridPanel.html#autoSizeColumns">Ext.grid.GridPanel.autoSizeColumns</a> is more efficient. </div>
</div>
</td>
<td class="msource">ColumnModel</td>
</tr>
</table> <a id="Ext.grid.ColumnModel-props"></a> <h2>Public Properties</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Property</th> <th class="msource-header">Defined By</th> </tr> <tr class="property-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-defaultSortable"></a>
<b>defaultSortable</b> : Boolean <div class="mdesc">
Default sortable of columns which have no sortable specified (defaults to false) </div>
</td>
<td class="msource">ColumnModel</td>
</tr>
<tr class="property-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.grid.ColumnModel-defaultWidth"></a>
<b>defaultWidth</b> : Number <div class="mdesc">
The width of columns which have no width specified (defaults to 100) </div>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?