Используйте тег <multiselect>, чтобы добавить функцию множественного выбора опций в виджеты.
Доступные атрибуты:
| Атрибут | Тип | Обязательный | Описание |
|---|---|---|---|
| canExcludeAll | Boolean | Нет | Установите значение атрибута true, чтобы сделать возможным оставить поле без выбранных элементов. Значение по умолчанию: false. |
| class | String | Нет | Укажите название класса CSS, определенное в поле CSS виджета. |
| model | String | Да | Укажите этот атрибут, чтобы привязать объект данных клиентского контроллера. При изменении данных модели они автоматически переносятся в данные клиентского контроллера. |
| options | Array | Нет | Укажите опции, доступные для выбора, с помощью форматирования CodeMirror JSON. Объект должен содержать ключи database_value и display_value. Ключ database_value содержит значение выбранной опции, display_value – её отображаемое значение. В выпадающее меню можно поместить любое количество опций, вертикальная прокрутка появляется, если опций больше 6. |
isReadOnly | Boolean | Нет | Установите значение атрибута true, чтобы сделать поле доступным только для чтения. Значение по умолчанию: false. |
| style | String | Нет | Настройте вид элементов тега (размер, шрифт, цвет и другое), используя синтаксис CSS. |
| values | Array | Нет | Укажите значения, отмеченные как выбранные по умолчанию. |
Пример:
<multiselect model="data.values" canExcludeAll="true" values='["1", "2"]' options='[{"database_value":"1","display_value":"Первый"},{"database_value":"2","display_value":"Второй"}]'></multiselect>
Шаблон из примера добавляет следующее поле на страницу:
