options

определяет список опций для компонента

Example

webix.ui({
    view:"combo",
    value:1, // изначально выбранная опция
    label: 'Фрукт',
    options:[ 
        { "id":1, "value":"Banana"}, 
        { "id":2, "value":"Papaya"}, 
        { "id":3, "value":"Apple"}
    ]
});
 
webix.ui({
    view:"combo",
    value:"Apple",
    options:["Banana", "Papaya", "Apple"]
});
 
webix.ui({
    view:"combo",
    options:"server/options.php"
});

Related samples

Опции для выпадающего списка

Опции можно задать как:

• массив строк;
• массив объектов, у каждого из которых должны быть свойства:
  • id - (string, number) id опции, которая служит настоящим значением контрола с точки зрения внутренней логики компонента;
  • value - (string) текст для опции, который отображается в списке;
• строка с путем к скрипту, который получает опции с сервера.

Изначально выбранная опция задается свойством value.

Обратите внимание, что вы также можете модифицировать данные перед тем, как запарсить их в список с помощью свойства dataFeed.

Настройка выпадающего списка

Если задать опции массивом или строкой с путем к скрипту, выпадающий список получит настройки по умолчанию (это будет простой suggest list с фильтрацией по частичному совпадению, ширина списка будет такой же, как ширина поля для ввода). Чтобы изменить настройки или выбрать другой тип suggest, задайте опции объектом:

{ view:"combo", options:{
    view:"suggest", // для обычного suggest list можно не указывать
    filter:function(item, value){ ...},
    body:{
        // настройки для листа
        view:"list", // если выбираете лист, тип можно не указывать
        data:[..data..],
        template:"#value#",
        yCount:7
    }
}}

Примечание: свойства options и suggest - это фактически разные названия для одной и той же настройки.

Наверх