title: Get Grid Cell Value on Hover in ExtJS4
body: <p>I have the following code in a grid:</p>
  
  <pre><code>    var grid = Ext.create('Ext.grid.Panel', {
          store: store,
          stateful: true,
          stateId: 'stateGrid',
          columns: [
              {
                  text     : 'Job ID',
                  width : 75,
                  sortable : true,
                  dataIndex: 'id'
              },
              {
                  text     : 'File Name',
                  width    : 75,
                  sortable : true,
                  dataIndex: 'filename', 
                  listeners : {
                      'mouseover' : function(iView, iCellEl, 
                                    iColIdx, iRecord, iRowEl, iRowIdx, iEvent) {
                         var zRec = iView.getRecord(iRowEl);
                         alert(zRec.data.id);
                      }
                  }
  </code></pre>
  
  <p>...etc...</p>
  
  <p>I can't figure out how to get the cell value of the first column in the row. I've also tried:</p>
  
  <pre><code>        var record = grid.getStore().getAt(iRowIdx); // Get the Record
          alert(iView.getRecord().get('id'));
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>Thanks in advance!</p>