Skip to content

Ext.grid.column.Check

xtype 为 checkcolumn 的 Ext JS 原生组件参考。

Updated View as Markdown

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

创建示例

var component = Ext.create("Ext.grid.column.Check", {
  xtype: "checkcolumn",
  align: 'center',
  clickTargetName: 'el',
  innerCls: Ext.baseCSSPrefix + 'grid-cell-inner-checkcol...,
  stopSelection: true,
  renderTo: Ext.getBody()
});

属性

属性 类型 默认值 说明 配置示例
align String 'center' 配置组件的 align 选项。 align: 'center'
clickTargetName String 'el' 配置组件的 clickTargetName 选项。 clickTargetName: 'el'
innerCls Mixed Ext.baseCSSPrefix + 'grid-cell-inner-checkcol... 配置 innerCls 对应的 CSS 类名。 innerCls: Ext.baseCSSPrefix + 'grid-cell-inner-checkcol...
stopSelection Boolean true =true] Prevent grid selection upon mousedown. stopSelection: true
tdCls Mixed Ext.baseCSSPrefix + 'grid-cell-checkcolumn' 配置 tdCls 对应的 CSS 类名。 tdCls: Ext.baseCSSPrefix + 'grid-cell-checkcolumn'

方法

方法 参数 说明 调用示例
processEvent type, view, cell, recordIndex, cellIndex, e, record, row 处理 event。 执行时会保留父类默认行为、派发 beforecheckchangecheckchange 事件。源码涉及 fireEvent()callParent() component.processEvent(...)
onEnable `` 处理 enable 回调。 执行时会保留父类默认行为。源码涉及 callParent()_setDisabled() component.onEnable()
onDisable `` 处理 disable 回调。源码涉及 _setDisabled() component.onDisable()
_setDisabled disabled 处理 _setDisabled 操作。源码涉及 up()getCellSelector() component._setDisabled(...)
renderer value, meta 渲染 er component.renderer(...)

事件

事件 说明 监听示例
beforecheckchange Fires when before checked state of a row changes. The change may be vetoed by returning false from a listener. listeners: { beforecheckchange: function () {} }
checkchange Fires when the checked state of a row changes listeners: { checkchange: function () {} }
Navigation

Type to search…

↑↓ navigate↵ selectEsc close