title: Row selection from Grid not working
body: <p>I have a grid, and have 2 columns <code>Name, Age</code>. There are several rows in this grid (like 20-30 records). Now when i click on a row, i need to get the name of the Person and display it on a Label.</p>
  
  <p>I thought, if i use <code>getRowClass: function(record, rowIndex, rowParams, store)</code> i could get the details of the selected row value. But, this is not working. Can someone help me ? </p>
  
  <pre><code> xtype: 'gridpanel',
                              height: 500,
                              width: 800,
                              title: 'Person Grid',
                              store: 'Person',
  
                              viewConfig: {
                                  getRowClass: function(record, rowIndex, rowParams, store) {
                                      console.log("Print the selected row data and set to label");
                                      console.log(record);
                                      console.log(rowIndex);
                                      console.log(rowParams);
                                  }
                              },
                              columns: [ .....
  </code></pre>