ExtJS Grid 이벤트 처리

Question

다음 예제를 고려하십시오. http://docs.sencha.com/ext-js/4-0/#!/example/grid/binding-with-classes.html 컨트롤러에서 'selectionchange'이벤트를 처리하고 싶습니다. 다음 코드처럼 :

Ext.define('AM.controller.Users', { 
    init: function() { 
     this.control({ 
      'useredit button[action=save]': { 
       click: this.updateUser 
      } 
     }); 
    }, 

    updateUser: function(button) { 
     console.log('clicked the Save button'); 
    } 
}); 

어떻게해야합니까? 감사

Answer 1

그리드 :

Ext.define('MyApp.view.ui.MyGridPanel', { 
    extend: 'Ext.grid.Panel', 
    alias:'widget.mygridpanel', 

    height: 250, 
    width: 400, 
    title: 'My Grid Panel', 

    initComponent: function() { 
     var me = this; 

     Ext.applyIf(me, { 
      columns: [ 
       { 
        xtype: 'gridcolumn', 
        dataIndex: 'string', 
        text: 'String' 
       }, 
       { 
        xtype: 'numbercolumn', 
        dataIndex: 'number', 
        text: 'Number' 
       }, 
       { 
        xtype: 'datecolumn', 
        dataIndex: 'date', 
        text: 'Date' 
       }, 
       { 
        xtype: 'booleancolumn', 
        dataIndex: 'bool', 
        text: 'Boolean' 
       } 
      ], 
      viewConfig: { 

      } 
     }); 

     me.callParent(arguments); 
    } 
}); 

컨트롤러는 다음과 같습니다

Ext.define('AM.controller.Users', { 
    init: function() { 
     this.control({ 
      'useredit button[action=save]': { 
       click: this.updateUser 
      }, 
      'mygridpanel':{ 
       selectionchange:this.changeselection 
      } 
     }); 
    }, 

    changeselection:function(selectionModel,record){ 
     console.log(record); 
    }, 

    updateUser: function(button) { 
     console.log('clicked the Save button'); 
    } 
});