multiselect
Используйте тег <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 | String | Нет | Укажите значение поля по умолчанию. |
Пример:
multiselect
<multiselect
model="data.values"
canExcludeAll="true"
values='["1", "2"]'
options='[{"database_value":"1","display_value":"Первый"},{"database_value":"2","display_value":"Второй"}]'
></multiselect>
Шаблон из примера добавляет следующий элемент на страницу: