ExtJs 4 capture checkcolumn change event in Grid whether checked or unchecked ?

Lets say you have defined a Grid Panel with checkcolumn as shown below
// create the grid
var grid = Ext.create('Ext.grid.Panel', {
    columns: [{
           text: 'Foo',
           xtype: 'checkcolumn',
           text: 'Active?',
           dataIndex: 'status',
           width: 55

You have to listen for the checkchange event to capture the checkbox selection !

checkchange( Ext.ux.CheckColumn this, Number rowIndex, Boolean checked, Object eOpts )
Fires when the checked state of a row changes

  • this : Ext.ux.CheckColumn
  • rowIndex : Number
    • The row index
  • checked : Boolean
    • True if the box is checked
  • eOpts : Object
    • The options object passed to Ext.util.Observable.addListener.

Source code snippet from the controller

init : function() {
   'checkcolumn': {
    checkchange: this.checkboxChanged

 checkboxChanged : function(column,rowIndex,checked) {
  console.log('Checkbox changed');
  //grid column information
  //grid row number
  //the checkbox value

No comments:

Post a Comment

NO JUNK, Please try to keep this clean and related to the topic at hand.
Comments are for users to ask questions, collaborate or improve on existing.