---
title: "Ext.grid.column.Check"
description: "xtype 为 checkcolumn 的 Ext JS 原生组件参考。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ag.879818327.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Ext.grid.column.Check

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

## 创建示例

```javascript
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`。 执行时会保留父类默认行为、派发 `beforecheckchange`、`checkchange` 事件。源码涉及 `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 () {} }` |

Source: https://ag.879818327.xyz/ext/data/grid-column-check/index.mdx