Extjs复选框列:单击复选框和字段的其余部分之间的区别

时间:2012-05-22 10:40:30

标签: javascript extjs extjs4 extjs3

我有一个带有复选框列的网格,一切正常但我想在点击复选框本身和在同一字段中点击它之间采取不同的操作。  这在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
    },

checkColumn,...

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

1 个答案:

答案 0 :(得分:0)

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