сосредоточиться на строке в ExtJS

Question

благодаря помощи некоторых из вас у меня есть это:

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 >= this.selectedRecords.length) { 
      return; 
     } 
     var newRecordsToSelect = []; 
     for (var i = 0; i < 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 
}); 

Когда строка выбрана она остается выделенным после обновления. Теперь список длиннее, и вы можете прокручивать список. После обновления выбирается только правильная строка. Мне еще нужно прокрутить эту запись. Как я могу сосредоточиться на этой строке после обновления?

Toby

Answer 1

Вы можете использовать .focusRow(). Что-то вроде этого в вашем refreshSelection метод:

refreshSelection: function() { 
    if (0 >= this.selectedRecords.length) { 
     return; 
    } 
    var newRecordsToSelect = []; 
    for (var i = 0; i < this.selectedRecords.length; i++) { 
     record = this.getStore().getById(this.selectedRecords[i].getId()); 
     if (!Ext.isEmpty(record)) { 
      newRecordsToSelect.push(record); 
     } 
    } 
    this.getSelectionModel().select(newRecordsToSelect); 
    this.getView().focusRow(newRecordsToSelect[0]); 
} 

Answer 2

Вы, очевидно, не будут иметь возможность прокручивать несколько записей в виду, если все они не подходят с точки зрения, но позволяет сказать, что вы хотите, чтобы просмотреть конкретную выбранную запись (первый выбранный/последний выбранный) в поле зрения.

Допустим, вы посмотрите на свой новыйRecordsToSelect и выберите один идентификатор записи, к которому хотите выполнить автоматический прокрутку. Позволяет позвонить по этому идентификатору 'id of selected record to scroll to'

Необходимо this.
т.е. в выборе обновления, после выбора, сделайте это -

var idx = this.getStore().indexOfId('id of selected record to scroll to'); 
var rowEl = this.getView().getRow(idx); 
rowEl.scrollIntoView(this.getGridEl(), false);