Extjs在xtype中选中或取消选中复选框时的捕获方式:'checkcolumn'

时间:2014-05-01 22:51:14

标签: extjs checkbox

我是EXTJS的新手。我有一个网格,我有复选框列。我想要的是,如何捕获支票或取消选中复选框中发生的事件。

以下是我网格中复选框的代码

    columns : [

             {
            xtype: 'checkcolumn',
                   header: 'Enabled',
              dataIndex: 'isEnabled',
              width: 55
           },
        ....
         ]

请帮忙

2 个答案:

答案 0 :(得分:2)

正如Evan Trimboli所说,当网格上有checkchange事件时,您可以在复选框更改值时捕获该事件。

Ext.create('Ext.grid.Panel', {
    //...
    columns  : [{ 
        xtype: 'checkcolumn',
        header: 'Enabled',
        dataIndex: 'isEnabled',
        width: 55,
        listeners: {
            checkchange: function(column, rowIdx, checked, eOpts){
                //Logic here
            }
        }
    }],
});

答案 1 :(得分:1)

给出答案有一点变化,checkchange事件是Ext.grid.column.check而不是Ext.grid.Panel

Ext.create('Ext.grid.Panel', {
//...
columns  : [{ 
    xtype: 'checkcolumn',
    header: 'Enabled',
    dataIndex: 'isEnabled',
    width: 55,
    listeners: {
        checkchange: function(column, rowIdx, checked, eOpts){
            //Logic here
    }
    }
}]
});