Checkcolumn监听器不在Extjs中工作

时间:2014-12-22 09:13:12

标签: extjs

如何在编辑器网格面板中为checkcolumn声明侦听器,以便在extjs中获取选中的复选框值?

2 个答案:

答案 0 :(得分:0)

一个简单的例子..

var store = Ext.create('Ext.data.Store', {
fields : ['name', 'email', 'phone', 'active'],
data   : {
    items : [
        { name : 'Lisa',  email : 'lisa@simpsons.com',  phone : '555-111-1224', active : true  },
        { name : 'Bart',  email : 'bart@simpsons.com',  phone : '555-222-1234', active : true  },
        { name : 'Homer', email : 'homer@simpsons.com',  phone : '555-222-1244', active : false },
        { name : 'Marge', email : 'marge@simpsons.com', phone : '555-222-1254', active : true  }
    ]
},
proxy  : {
    type   : 'memory',
    reader : {
        type : 'json',
        root : 'items'
    }
}
  });

 Ext.create('Ext.grid.Panel', {
title    : 'Simpsons',
height   : 200,
width    : 400,
renderTo : Ext.getBody(),
store    : store,
columns  : [
    { xtype : 'checkcolumn', text : 'Active', dataIndex : 'active' },
    { text : 'Name', dataIndex : 'name' },
    { text : 'Email', dataIndex : 'email', flex : 1 },
    { text : 'Phone', dataIndex : 'phone' }

]
});

答案 1 :(得分:0)

checkchange 事件会提供检查列的信息。此事件在检查行的状态发生变化时触发

    {
        xtype: 'checkcolumn',
        dataIndex: 'active',
        listeners : {
            'checkchange' : function(this,rowindex,isChecked){
                 console.log(rowindex);//this return the index of the record check in gridusing this index you can get the record from the store that is used by the Grid panel.
        } 
        }

希望这可以帮助您获得所需信息。运气最佳! 有关更多信息,请参阅链接 http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Check-event-checkchange