Skip to content
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
  1. Компоненты
  2. PageBuilder
  3. Типы полей
  4. Free
  5. select

Поле select ​

Версия: Free.

Зачем этот тип ​

  • Список в JSON секции, без запросов к xPDO
  • Длинный перечень в том же выпадающем списке, что у radio
  • В данные секции пишется value опции, не label

Когда использовать ​

  • Размер, тема, выравнивание, preset макета
  • От 5 до 20 фиксированных вариантов без поиска
  • Настройки секции с фиксированным набором значений

Советы ​

Список из БД: combo (Pro).

Похожие типы ​

  • radio для короткого списка на экране
  • multiselect для нескольких статических options

Настройка ​

json
{
  "name": "size",
  "type": "select",
  "label": "Размер",
  "options": [
    {
      "label": "S",
      "value": "sm"
    },
    {
      "label": "L",
      "value": "lg"
    }
  ],
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение ​

Строка: value выбранной опции.

Данные секции ​

Ключ size в данных секции:

json
{
  "size": "lg"
}

Пример в chunk ​

modx
[[+size]]
fenom
{$size|escape}

Примечание ​

Динамический список: optionsSource → processor mgr/field/options.

Общие свойства ​

Для полей с name, которые сохраняются в данных секции:

КлючТипРольПанель
tabstringПодзаголовок группы в инспектореда
width25, 33, 50, 66, 75, 100Ширина поля в % строки (flex); в CMP только эти значенияда
descriptionstringПодсказка под подписьюда
defaultanyНачальное значение новой секциида
activeboolfalse — скрыть поле в инспектореда
requiredboolОбязательно при publish (черновик сохраняется)да
  • Дополнительно: options или optionsSource.

Подробнее: обзор полей.

Дальше ​