Ext.grid.column.RowNumberer | WebBuilder 文档

源码定义：ext-all-debug.js:123001。分类：数据视图、表格与树。

创建示例

var component = Ext.create("Ext.grid.column.RowNumberer", {
  xtype: "rownumberer",
  align: 'right',
  autoLock: true,
  cls: Ext.baseCSSPrefix + 'row-numberer',
  dataIndex: '',
  renderTo: Ext.getBody()
});

属性

属性	类型	默认值	说明	配置示例
`align`	`String`	`'right'`	配置组件的 `align` 选项。	`align: 'right'`
`autoLock`	`Boolean`	`true`	控制是否启用 `autoLock` 行为。	`autoLock: true`
`cls`	`Mixed`	`Ext.baseCSSPrefix + 'row-numberer'`	附加到组件根元素的 CSS 类名。	`cls: Ext.baseCSSPrefix + 'row-numberer'`
`dataIndex`	`String`	`''`	列从记录中读取数据的字段名。	`dataIndex: ''`
`draggable`	`Boolean`	`false`	=false] False to disable drag-drop reordering of this column.	`draggable: false`
`hideable`	`Boolean`	`false`	控制是否启用 `hideable` 行为。	`hideable: false`
`innerCls`	`Mixed`	`Ext.baseCSSPrefix + 'grid-cell-inner-row-numb...`	配置 `innerCls` 对应的 CSS 类名。	`innerCls: Ext.baseCSSPrefix + 'grid-cell-inner-row-numb...`
`lockable`	`Boolean`	`false`	控制是否启用 `lockable` 行为。	`lockable: false`
`menuDisabled`	`Boolean`	`true`	控制是否禁用列表头菜单。	`menuDisabled: true`
`resizable`	`Boolean`	`true`	控制是否启用 `resizable` 行为。	`resizable: true`
`rowspan`	`Mixed`	`undefined`	配置组件的 `rowspan` 选项。	`rowspan: undefined`
`sortable`	`Boolean`	`false`	控制表格列是否允许排序。	`sortable: false`
`tdCls`	`Mixed`	`Ext.baseCSSPrefix + 'grid-cell-row-numberer '...`	配置 `tdCls` 对应的 CSS 类名。	`tdCls: Ext.baseCSSPrefix + 'grid-cell-row-numberer '...`
`text`	`String`	`" "`	Any valid text or HTML fragment to display in the header cell for the row number column.	`text: " "`
`width`	`Number`	`40`	The default width in pixels of the row number column.	`width: 40`

方法

方法	参数	说明	调用示例
`beforeRender`	``	生成 `before` 的渲染结果。执行时会保留父类默认行为、更新 `rowspan` 状态。源码涉及 `up()`、`callParent()`。	`component.beforeRender()`
`renderer`	`value, metaData, record, rowIdx, colIdx, dataSource, view`	渲染 `er`。	`component.renderer(...)`

事件

源码中未找到该组件自身注册的事件；可监听继承事件。