Загрузился магазин Combobox, но не отобразится

Question

Я хочу обновить магазин combobox всякий раз, когда есть изменение в выпадающем списке и отображает это измененное хранилище. Мой магазин загружается, но combobox не отображает его. Я могу отображать локальный магазин, как я хочу отображать, но не могу сделать то же самое для удаленного хранилища json.

У меня есть "ProcessController", как это:

onComboboxChange: function(combo, newValue, oldValue) { 
    var upContainer = combo.up('container'); 

    if(combo.itemId == "cmbServiceList") { 
     MyApp.app.globals.cmbServiceStore = this.createServiceCmbStore(upContainer.getComponent('cmbServiceList').getRawValue()); 
    } 
}, 

createServiceCmbStore: function(inputData){ 
    var data = {"inputData": inputData}; 

    var mainController = MyApp.app.getController('MainController'); 
    var cmbServiceData = mainController.callService(data,'getServices','json'); 
    var classServices = Ext.JSON.decode(cmbServiceData); 

    var projectStore = Ext.create('Ext.data.Store', { 
     fields: ['key', 'text'], 
     data: classServices 
    }); 
    return projectStore; 
} 

init: function(application) { 
    this.control({ 
     'combobox': { 
      change: this.onComboboxChange 
     } 
    }); 
    _myAppGlobal = this; 
}, 

И это мой выпадающий в главном окне просмотра:

{ 
    xtype : 'combobox', 
    anchor : '80%', 
    listConfig : { 
     loadingText : 'Searching...', 
     emptyText : 'No matching posts found.' 
    }, 
    typeAhead : true, 
    itemId : 'cmbServiceList', 
    fieldLabel : 'Servis Adı:', 
    hideTrigger : true, 
    displayField : 'text', 
    store : MyApp.app.globals.cmbServiceStore, 
    valueField : 'key', 
    minChars : 1, 
    queryMode : 'local', 
    forceSelection: true 
} 

MyApp.app.globals.cmbServiceStore глобальная переменная, определенная в app.js

When Я отлаживаю код, я вижу, что магазин загружен, но он не будет отображать какое-либо сохраненное значение в combobox.

Answer 1

Проблема главным образом в том, что когда вы создаете комбобокс, MyApp.app.globals.cmbServiceStore имеет значение null или undefined, после того, как вызывается combobox, а затем вы пытаетесь определить свой магазин, это не поле со списком в качестве ссылки заданное во время инициализации для combobox, не определено.

На основании вашего кода кажется, что вы просто меняете данные магазина, а не поля магазина. Поэтому гораздо лучше вы создаете хранилище перед инициализацией combobox, а затем при изменении combox вы просто добавляете данные для хранения с помощью store.add

Я бы рекомендовал другой подход, то есть добавить прокси-сервер в ваш магазин для обслуживания и вобще store.load() на изменение комбо

Answer 2

if(combo.itemId == "cmbServiceList") { 
     MyApp.app.globals.cmbServiceStore = this.createServiceCmbStore(upContainer.getComponent('cmbServiceList').getRawValue()); 
     upContainer.getComponent('cmbServiceList').bindStore(MyApp.app.globals.cmbServiceStore); 
    } 

вместо

if(combo.itemId == "cmbServiceList") { 
    MyApp.app.globals.cmbServiceStore = this.createServiceCmbStore(upContainer.getComponent('cmbServiceList').getRawValue()); 
} 

решить эту проблему.