-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>The source code</title>
- <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
- <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
-</head>
-<body onload="prettyPrint();">
- <pre class="prettyprint lang-js">/*!
- * Ext JS Library 3.3.0
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-<div id="cls-Ext.grid.RowNumberer"></div>/**
- * @class Ext.grid.RowNumberer
- * This is a utility class that can be passed into a {@link Ext.grid.ColumnModel} as a column config that provides
+<!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'>/**
+</span></span> * @class Ext.grid.RowNumberer
+ * @extends Ext.grid.column.Column
+ * This is a utility class that can be passed into a {@link Ext.grid.column.Column} as a column config that provides
* an automatic row numbering column.
- * <br>Usage:<br>
- <pre><code>
- // This is a typical column config with the first column providing row numbers
- var colModel = new Ext.grid.ColumnModel([
- new Ext.grid.RowNumberer(),
- {header: "Name", width: 80, sortable: true},
- {header: "Code", width: 50, sortable: true},
- {header: "Description", width: 200, sortable: true}
- ]);
- </code></pre>
+ * <br>Usage:<br><pre><code>
+columns: [
+ Ext.create('Ext.grid.RowNumberer'),
+ {text: "Company", flex: 1, sortable: true, dataIndex: 'company'},
+ {text: "Price", width: 120, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
+ {text: "Change", width: 120, sortable: true, dataIndex: 'change'},
+ {text: "% Change", width: 120, sortable: true, dataIndex: 'pctChange'},
+ {text: "Last Updated", width: 120, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
+]
+ *</code></pre>
* @constructor
* @param {Object} config The configuration options
*/
-Ext.grid.RowNumberer = Ext.extend(Object, {
- <div id="cfg-Ext.grid.RowNumberer-header"></div>/**
- * @cfg {String} header Any valid text or HTML fragment to display in the header cell for the row
- * number column (defaults to '').
+Ext.define('Ext.grid.RowNumberer', {
+ extend: 'Ext.grid.column.Column',
+ alias: 'widget.rownumberer',
+<span id='Ext-grid.RowNumberer-cfg-text'> /**
+</span> * @cfg {String} text Any valid text or HTML fragment to display in the header cell for the row
+ * number column (defaults to '&#160').
*/
- header: "",
- <div id="cfg-Ext.grid.RowNumberer-width"></div>/**
- * @cfg {Number} width The default width in pixels of the row number column (defaults to 23).
+ text: "&#160",
+
+<span id='Ext-grid.RowNumberer-cfg-width'> /**
+</span> * @cfg {Number} width The default width in pixels of the row number column (defaults to 23).
*/
width: 23,
- <div id="cfg-Ext.grid.RowNumberer-sortable"></div>/**
- * @cfg {Boolean} sortable True if the row number column is sortable (defaults to false).
+
+<span id='Ext-grid.RowNumberer-cfg-sortable'> /**
+</span> * @cfg {Boolean} sortable True if the row number column is sortable (defaults to false).
* @hide
*/
sortable: false,
-
+
+ align: 'right',
+
constructor : function(config){
- Ext.apply(this, config);
- if(this.rowspan){
- this.renderer = this.renderer.createDelegate(this);
+ this.callParent(arguments);
+ if (this.rowspan) {
+ this.renderer = Ext.Function.bind(this.renderer, this);
}
},
// private
- fixed:true,
+ fixed: true,
hideable: false,
- menuDisabled:true,
+ menuDisabled: true,
dataIndex: '',
- id: 'numberer',
+ cls: Ext.baseCSSPrefix + 'row-numberer',
rowspan: undefined,
// private
- renderer : function(v, p, record, rowIndex){
- if(this.rowspan){
- p.cellAttr = 'rowspan="'+this.rowspan+'"';
+ renderer: function(value, metaData, record, rowIdx, colIdx, store) {
+ if (this.rowspan){
+ metaData.cellAttr = 'rowspan="'+this.rowspan+'"';
}
- return rowIndex+1;
+
+ metaData.tdCls = Ext.baseCSSPrefix + 'grid-cell-special';
+ return store.indexOfTotal(record) + 1;
}
-});</pre>
-</body>
-</html>
\ No newline at end of file
+});
+</pre></pre></body></html>
\ No newline at end of file