Простой ExtJS ComboBox со списком значений

ComboBox — это особый тип поля в ExtJS, который представляет из себя выпадающий список с возможностью выбрать один из вариантов и подставить в форму.

Вот пример простого ComboBox в виде массива с заранее заполненным списком возможных значений:

var storeitems = new Ext.data.ArrayStore({
    id: 'gender-items'
    ,fields: ['value',{name: 'gender', type: 'string']}
    ,data: [['m','Мужской'],['f','Женский']]
});
MyComponent.combo.gender = function(config) {
    config = config || {};
    Ext.applyIf(config,{
        store: storeitems
        ,displayField: 'gender'
        ,valueField: 'value'
        ,hiddenName: 'gender'
        ,mode: 'local'
        ,triggerAction: 'all'
        ,editable: false
        ,selectOnFocus: false
        ,preventRender: true
        ,forceSelection: true
        ,enableKeyEvents: true
    });
    MyComponent.combo.gender.superclass.constructor.call(this,config);
};
Ext.extend(MyComponent.combo.gender,MODx.combo.ComboBox);
Ext.reg('tyumsmubase-combo-gender',MyComponent.combo.gender);