extjs - 如何在网格列中的渲染器函数中激活监听器

Question

我使用的是 extjs 4，我有一个显示字段名称 Approval 的网格。在这里，我展示了复选框，如果值为真，则在加载网格时将选中该复选框。但如果 dataIndex 值为 fault，则只会出现复选框。现在我希望如果我单击未选中的复选框，它将使用监听器执行操作。但我做不到。谁能帮我解决这个问题？我的代码如下:

{
   text: 'Approval',
   dataIndex: 'approve',
   flex: 1,
   align: 'left',
   renderer: function(value, metaData, record, row, col, store, gridView){
    if(value == true)
      {
        return '<input type="checkbox" checked="true" />';
      }else{
        return '<input type = "checkbox"  />';
         listeners: {
            this.approve();
          }
       }
     }   
  }

approve: function(){
        alert('hi');
    }

Answer 1

旧答案

复选框有一个 change值更改后将被触发的监听器。

{
        xtype     : 'checkbox'
        boxLabel  : 'This is my checkbox',
        name      : 'mycheckbox',
        inputValue: true,
        listeners : {
              change: function(cbx, newValue, oldValue){
                     me.approve();
              }
        }
}

请注意，您不能在监听器中使用 this，因为该函数是在另一个范围内调用的。

编辑:

开始使用 Ext.ux.CheckColumn在你的网格上。

现在您可以使用:

{ 
    xtype: 'checkcolumn',
    text: 'Approval',
    dataIndex: 'approve',
    flex: 1,
    align: 'left',
    sortable: false,
    listeners:{
        checkchange:function(cc,ix,isChecked){
            alert(isChecked);
        }
    }
}