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

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

АтрибутТипОбязательныйОписание
classStringНетУкажите название класса CSS, определенное в поле CSS виджета.
isMandatoryBooleanНетУстановите значение атрибута true, чтобы сделать поле обязательным. Значение по умолчанию: false.
isVisibleBooleanНетУстановите значение атрибута false, чтобы скрыть тег. Значение по умолчанию: true.
labelStringНетДобавьте заголовок, описывающий содержание поля.
modelStringДаУкажите этот атрибут, чтобы привязать объект данных клиентского контроллера. При изменении данных модели они автоматически переносятся в данные клиентского контроллера.

readOnly

BooleanНет

Установите значение атрибута true, чтобы сделать поле доступным только для чтения. Значение по умолчанию: false.

optionsArrayНет

Укажите опции, доступные для выбора, с помощью форматирования CodeMirror JSON.

В раскрывающийся список можно поместить любое количество опций, вертикальная прокрутка появляется, если опций больше 6.

placeholderStringНетУкажите подсказку в случае отсутствия выбранного значения.
styleStringНет

Настройте вид элементов тега (размер, шрифт, цвет и другое), используя синтаксис CSS.

value

StringНет

Укажите опцию, выбранную по умолчанию.

radioButtonsModeBooleanНетУстановите для атрибута значение true, чтобы варианты выбора отображались в виде переключателей. При значении атрибута false (по умолчанию) используется стандартный раскрывающийся список.

Пример:

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

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


  • No labels