ExtJS 5.0.1 сортировать хранилище данных

Question

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

магазин Определение

Tool.model.Base.defineModel(
    'Country', 
    [{name: 'name', type: 'string'}, 
    {name: 'code', type: 'string'}, 
    ], 
    true 
); 

выпадающий Код

{ 
xtype: 'combobox', 
labelAlign: 'top', 
fieldLabel: 'Country', 
id: 'CountrySelectField', 
name: 'country_id', 
store: 'Country', 
displayField: 'name', 
valueField: 'id', 
width: 300, 
allowBlank:false, 
} 

Answer 1

Вы должны добавить сортировщик в магазин, либо в процессе определения:

sorters:[{ 
    property:'name', 
    direction:'ASC' 
}] 

или во время выполнения :

store.sort({ 
    property:'name', 
    direction:'ASC' 
}) 

Answer 2

var countries = Ext.create('Ext.data.Store', { 
    fields: ['country', 'code'], 
    data : [ 
     {"country":"USA", "code":"USA"}, 
     {"country":"Belgium", "code":"BEL"}, 
     {"country":"Bosnia", "code":"BOS"}, 
     {"country":"Uruguay", "code":"URU"}, 
     {"country":"Denmark", "code":"DEN"}, 
     {"country":"Canada", "code":"CAN"} 
     //... 
    ], 
    sorters:[{ 
    property:'country', 
    direction:'ASC' 
}] 
}); 

Ext.create('Ext.form.ComboBox', { 
    fieldLabel: 'Country', 
    store: countries, 
    queryMode: 'local', 
    displayField: 'country', 
    valueField: 'code', 
    renderTo: Ext.getBody() 
}); 

https://fiddle.sencha.com/#fiddle/1g69