Бесконечная загрузка хранилища ajax с 2 списками

Question

У меня есть два экземпляра класса AddressPanel на панели.

Ext.define('AddressPanel', { 
    extend: 'Ext.tab.Panel', 
    initComponent: function() { 
     this.items = [ 
      { 
       title: 'Stations', 
       itemId : 'pointStation', 
       closable: false, 
       items:[ 
        { 
         xtype: 'combo', 
         fieldLabel: 'station', 
         store: stationStore, 
         queryMode: 'remote', 
         displayField: 'name', 
         valueField: 'id', 
         editable : false 
        } 

Оба из них содержат выпадающие списки, которые связаны с тем же самым базовым магазином

var stationStore = Ext.create('Ext.data.Store', { 
fields: ['id', 'name'], 
proxy: { 
    type: 'ajax', 
    url : '/address/stationname' 
} 
}); 

Я могу открыть комбо из первого экземпляра и выберите станцию.

Затем я могу открыть комбо со второго экземпляра и выбрать другую станцию.

Он отлично работает.

Но когда я снова открываю выпадающий список из первого экземпляра AddressPanel, я получаю бесконечную загрузку.

Как это исправить?

Благодарим вас заблаговременно.

Answer 1

Вы можете добавить идентификатор к вашему выпадающий список и когда вы идете от первой инстанции до второй вы можете сбросить выпадающий с

Ext.getCmp('id').reset(); 

Answer 2

Я сделал две копии магазина и установить магазин конфигурации из первая комбинация с первой копией магазина и конфигурацией магазина второго комбо со второй копией.

Это помогает.