title: focus on row in extjs
body: <p>thanks to the help of some of you i have this:</p>
  
  <pre><code>Ext.define('PersistantSelectionGridPanel', {
      extend: 'Ext.grid.Panel',
      selectedRecords: [],
      initComponent: function () {
          this.callParent(arguments);
  
          this.getStore().on('beforeload', this.rememberSelection, this);
          this.getView().on('refresh', this.refreshSelection, this);
      },
      rememberSelection: function (selModel, selectedRecords) {
          this.selectedRecords = this.getSelectionModel().getSelection();
      },
      refreshSelection: function () {
          if (0 &gt;= this.selectedRecords.length) {
              return;
          }
          var newRecordsToSelect = [];
          for (var i = 0; i &lt; this.selectedRecords.length; i++) {
              record = this.getStore().getById(this.selectedRecords[i].getId());
              if (!Ext.isEmpty(record)) {
                  newRecordsToSelect.push(record);
              }
          }
          this.getSelectionModel().select(newRecordsToSelect);
      }
  });
  
  var grid = Ext.create('PersistantSelectionGridPanel', {
  
      //autoscroll: true,
      region: 'center',
      autoHeight: true,
      store:  ND.commList,
      stateful: true,
      loadMask: false,
      multiSelect: true,
      //forceFit: true,
      layout: 'fit',
      stateId: 'stateGrid',
      viewConfig: {
          stripeRows: true        
      },
      columns: [
          {
              text: 'Vehicle',
              width: 60,
              flex: 0,
              sortable: true,
              dataIndex: 'designationId'
          },
          // more code
      ]
      // more code
  });
  </code></pre>
  
  <p>When a row is selected it stays selected after a refresh. Now is the list long and you can scroll around in the list. After refresh the correct row is selected only i still need to scroll to that record. How can i focus on that row after a refresh?</p>
  
  <p>Toby</p>