Перейти к основному содержимому
Версия: 1.20.1

select

Используйте тег <select>, чтобы добавить в виджет поле с одиночным выбором.

Доступные атрибуты:

АтрибутТипОбязательноОписание
classStringНетУкажите название класса CSS, определенное в поле CSS виджета.
modelStringДаУкажите значение этого атрибута, чтобы привязать объект данных клиентского контроллера. При изменении данных в модели, они автоматически переносятся в клиентский контроллер.
isMandatoryBooleanНетУстановите значение атрибута true, чтобы сделать поле обязательным. Значение по умолчанию: false.
isVisibleBooleanНетУстановите значение false, чтобы скрыть тег. Значение по умолчанию: true.
labelStringНетДобавьте заголовок, описывающий содержание поля.
placeholderStringНетУкажите подсказку для поля.
readOnlyBooleanНетУстановите значение атрибута true, чтобы сделать поле доступным только для чтения. Значение по умолчанию: false.
optionsArrayНетУкажите опции, доступные для выбора, с помощью форматирования CodeMirror JSON.
В раскрывающийся список можно поместить любое количество опций, вертикальная прокрутка появляется, если опций больше 6.
styleStringНетНастройте вид элементов тега (размер, шрифт, цвет и другое), используя синтаксис CSS.
valueStringНетУкажите значение поля по умолчанию.
radioButtonsModeBooleanНетУстановите для атрибута значение true, чтобы варианты выбора отображались в виде переключателей. При значении атрибута false (по умолчанию) используется стандартный раскрывающийся список.

Примеры:

datetime
<select 
label="Класс"
isMandatory="true"
model="data.class"
options='[{"database_value":"155964310500000004","display_value":"Сервер"},{"database_value":"155964310500000006","display_value":"База данных"}]'
></select>

Шаблон из примера добавляет следующий элемент на страницу: