title: Can I set multi-on-select on grid panel cells in ExtJS?
body: <p>Can I set multi-on-select on grid panel cells?</p>
  
  <p>Hey guys, I'm fairly new to ExtJS and I was wondering if there is a way to multi-on-select grid CELLS or give the illusion of multi-on-select. By "illusion" I mean to change the CSS of the individual cell dynamically on click so that it looks like it has remained toggled. </p>
  
  <p>The following is code to my Grid window
  Code:</p>
  
  <pre><code>Ext.create ('Ext.window.Window' , {    title: this.id,
      width: 500 ,
      closeAction: 'hide',
      height: 500 ,
      modal: true,
      centered: true,
      items: [{
          xtype: 'gridpanel',
          sortable: false,
          allowDeselect: true,
          columnLines: true,
          header: false,
          sortableColumns: false,
          border: false,
          columns: [{
              xtype: 'gridcolumn',
              dataIndex: 'ID',
              text: 'ID',
              flex: 2
          },
          {
              xtype: 'gridcolumn',
              dataIndex: 'Title',
              text: 'Title',
              flex: 3
          },
          {
              xtype: 'gridcolumn',
              dataIndex: 'Beginner',
              text: 'Beginner',
              flex: 5
          },
          {
              xtype: 'gridcolumn',
              dataIndex: 'Intermediate',
              text: 'Intermediate',
              flex: 5
          },
          {
              xtype: 'gridcolumn',
              dataIndex: 'Advanced',
              text: 'Advanced',
              flex: 5
          }],
          // One header just for show. There's no data,
          store: Ext.getStore('disciplinesStore')
      }]
      selModel: Ext.create('Ext.selection.CellModel', {
              allowDeselect: true,
              listeners: {
              select: {
                    fn: me.onCellModelSelect,
                    scope: me
                      }
                }
          })
  }).show ();
  </code></pre>
  
  <p>And then</p>
  
  <pre><code>onCellModelSelect: function(cellmodel, record, row, column, eOpts) {
  
          if(column === 2){
              stuff = 'Beginner';
          }else if(column === 3){
              stuff= 'Intermediate';
          }else if(column === 4){
              stuff = 'Advanced';
          }
          Ext.Msg.alert('asd',record.get(stuff));
      }
  </code></pre>