docs/source/RowNumberer.html

   1 <!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-grid.RowNumberer-method-constructor'><span id='Ext-grid.RowNumberer'>/**
   2 </span></span> * @class Ext.grid.RowNumberer
   3  * @extends Ext.grid.column.Column
   4  * This is a utility class that can be passed into a {@link Ext.grid.column.Column} as a column config that provides
   5  * an automatic row numbering column.
   6  * &lt;br&gt;Usage:&lt;br&gt;&lt;pre&gt;&lt;code&gt;
   7 columns: [
   8     Ext.create('Ext.grid.RowNumberer'),
   9     {text: &quot;Company&quot;, flex: 1, sortable: true, dataIndex: 'company'},
  10     {text: &quot;Price&quot;, width: 120, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
  11     {text: &quot;Change&quot;, width: 120, sortable: true, dataIndex: 'change'},
  12     {text: &quot;% Change&quot;, width: 120, sortable: true, dataIndex: 'pctChange'},
  13     {text: &quot;Last Updated&quot;, width: 120, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
  14 ]
  15  *&lt;/code&gt;&lt;/pre&gt;
  16  * @constructor
  17  * @param {Object} config The configuration options
  18  */
  19 Ext.define('Ext.grid.RowNumberer', {
  20     extend: 'Ext.grid.column.Column',
  21     alias: 'widget.rownumberer',
  22 <span id='Ext-grid.RowNumberer-cfg-text'>    /**
  23 </span>     * @cfg {String} text Any valid text or HTML fragment to display in the header cell for the row
  24      * number column (defaults to '&amp;#160').
  25      */
  26     text: &quot;&amp;#160&quot;,
  27
  28 <span id='Ext-grid.RowNumberer-cfg-width'>    /**
  29 </span>     * @cfg {Number} width The default width in pixels of the row number column (defaults to 23).
  30      */
  31     width: 23,
  32
  33 <span id='Ext-grid.RowNumberer-cfg-sortable'>    /**
  34 </span>     * @cfg {Boolean} sortable True if the row number column is sortable (defaults to false).
  35      * @hide
  36      */
  37     sortable: false,
  38
  39     align: 'right',
  40
  41     constructor : function(config){
  42         this.callParent(arguments);
  43         if (this.rowspan) {
  44             this.renderer = Ext.Function.bind(this.renderer, this);
  45         }
  46     },
  47
  48     // private
  49     fixed: true,
  50     hideable: false,
  51     menuDisabled: true,
  52     dataIndex: '',
  53     cls: Ext.baseCSSPrefix + 'row-numberer',
  54     rowspan: undefined,
  55
  56     // private
  57     renderer: function(value, metaData, record, rowIdx, colIdx, store) {
  58         if (this.rowspan){
  59             metaData.cellAttr = 'rowspan=&quot;'+this.rowspan+'&quot;';
  60         }
  61
  62         metaData.tdCls = Ext.baseCSSPrefix + 'grid-cell-special';
  63         return store.indexOfTotal(record) + 1;
  64     }
  65 });
  66 </pre></pre></body></html>