javascript - Extjs 复选框列：在单击复选框和该字段的其余部分之间有所不同

Question

我有一个带有复选框列的网格，一切正常，但我想在单击复选框本身和在同一字段中单击复选框之间采取不同的操作。这在 ExtJs 中可行吗？我使用的是 3.3.1 版本，但我想来自另一个版本的示例可以帮助我入门。

var checkColumn = new Ext.grid.CheckColumn({
    header: 'Checklist OK ?',
    dataIndex: 'checklist_ok',
    width: 20,
    align: 'center'
});

cmDiverse = new Ext.grid.ColumnModel({
    defaults: {
        "sortable": true,
        "menuDisabled": false,
        "align": "right"
    },
    store: storeDiverse,
    columns: [{
        "id": "id",
        "header": "id",
        "hidden": true,
        "dataIndex": "id",
        "width": 20
    },

检查列，...

gridDiverse = new Ext.ux.grid.livegrid.EditorGridPanel({
    id: "gridDiverse",
    enableDragDrop: false,
    loadMask: true,
    clicksToEdit: 1,
    layout: 'anchor',
    cm: cmDiverse,
    ....

Answer 1

不幸的是，您无法区分在复选框内部和外部单击，因为所有侦听器都在列上，而复选框只是列内文本的格式，而不是真正的元素。