Selection events

You can also subscribe to the RowSelection store and receive updates as soon as a row is checked or unchecked:

Live Editor

const grid = new Grid({ columns: [ { id: 'awesomeCheckbox', name: 'Select', plugin: { component: RowSelection } }, { name: 'Name', formatter: (cell) => `Name: ${cell}` }, 'Email', ], sort: true, data: Array(5).fill().map(x => [ faker.name.findName(), faker.internet.email(), ]) }); // subscribe to the store events grid.config.store.subscribe(function (state) { console.log('checkbox updated', state.rowSelection); })

const grid = new Grid({
  columns: [
      {
        id: 'awesomeCheckbox',
        name: 'Select',
        plugin: {
          component: RowSelection
        }
      },
      { 
        name: 'Name',
        formatter: (cell) => `Name: ${cell}`
      },
      'Email',
  ],
  sort: true,
  data: Array(5).fill().map(x => [
    faker.name.findName(),
    faker.internet.email(),
  ])
});
  
// subscribe to the store events
grid.config.store.subscribe(function (state) {
  console.log('checkbox updated', state.rowSelection);
})

Result

Loading...