deselect rows of a grid in Extjs 3

Question

I have a grid and a button that makes me select all the rows of this grid (mygrid.getSelectionModel().selectAll()) But i want that when all the rows are selected and i click to this button it deselct all the rows. How can i do it ?

Thank you for helping

score 10 · Answer 1 · answered Oct 15 '13 at 04:18

instead of using clearSelections() use deselectAll() as the former is now deprecated.

new Ext.Button({
   enableToggle:true,
   toggleHandler:function(btn,state){
      var grid = Ext.getCmp(YOURGRIDID),
      if(state==true){
         grid.getSelectionModel().selectAll()
      }else{
         grid.getSelectionModel().deselectAll()
      }
   }
})

AMember · Answer 2 · 2013-12-21T20:00:53.203

8

You should enable the toggle option for the button. here is an example:

new Ext.Button({
   enableToggle:true,
   toggleHandler:function(btn,state){
      var grid = Ext.getCmp(YOURGRIDID),
      if(state==true){
         grid.getSelectionModel().selectAll()
      }else{
         grid.getSelectionModel().clearSelections()
      }
   }
})

edited Dec 21 '13 at 20:00

answered Dec 06 '11 at 12:42

AMember

3,037
2
33
64

deselect rows of a grid in Extjs 3

2 Answers2