Как установить поле выбора в Sencha Touch из массива?

Question

Я работаю в приложении Sencha Touch, и я хотел бы нажать на поле со списком, ранее отфильтрованное из магазина.

var store = Ext.getStore('Surveys'); 
var templatesAvailable = []; 
store.filterBy(function (record) { 
    console.log(record.get('templateName')); 
    record.get('templateName'); --> I get value 
    templatesAvailable.push(record.get('templateName')); --> into the array 
}); 

Следующий шаг должен был бы массив передачи в указанный селектор, например, и в моем случае ...

this.getTemplateSelector

{ 
    xtype  : 'selectfield', 
    itemId  : 'selectSurveysTemplates', 
    cls   : 'filterbar-selectfieldplus', 
    displayField: 'value', --> here is the secret ;-) 
    valueField : 'id', 
    autoCreate : true 
    }, 

Что она должна быть правильный путь для реализации этого? Я тестировал различные варианты, но это не работает для меня ..

Заранее спасибо ..

Answer 1

Как об этом один:

selectfield.setOptions(
    store.getRange().map(function(record) { 
     return { 
      text:record.get("templateName"), 
      value:record.get("templateName") 
     }; 
    }) 
); 

Это необходимо сделать следующее:

• Selectfield.setOptions устанавливает значение Selectfield.options. Согласно документам, options принимает массив объектов со свойствами text и value, поэтому я думаю, setOptions принимает то же самое.
• Store.getRange дает вам массив записей.
• Array.map, который выполняет функцию и преобразует каждый элемент в массив ввода с использованием этой функции.

Voilà, вам нужно сделать.