Наверх

Простой 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);


1 комментарий

  1. EMDM 22 февраля 2018, 20:27(Комментарий был изменён) # 0
    А можно как-то сделать таким образом аналог ТВ «Список ресурсов»?
    (Т.е. в вариантах выбора были названия ресурсов, а в базу записывали id ресурсов)

    Авторизация

    через сервис Loginza:


    Шаблоны MODX

    1 2 Дальше »

    Объектная
    модель
    MODX