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

Поле checkboxgroup ​

Версия: Free.

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

Несколько флажков из одного списка options. В данных секции массив строк value, не объекты.

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

  • Теги фильтра, набор иконок, флаги возможностей
  • «Какие колонки показать» из фиксированного набора

Советы ​

Один флаг: checkbox.

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

  • multiselect для MultiSelect с поиском
  • tag для свободного ввода строк

Настройка ​

json
{
  "name": "tags",
  "type": "checkboxgroup",
  "label": "Теги",
  "options": [
    {
      "label": "Новинка",
      "value": "new"
    },
    {
      "label": "Хит",
      "value": "hit"
    }
  ],
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение ​

Массив строк (value отмеченных опций).

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

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

json
{
  "tags": [
    "new",
    "hit"
  ]
}

Пример в chunk ​

modx
<!-- Массив `tags` теги MODX не обходят: перебор задайте сниппетом, цикл напишите в блоке Fenom -->
fenom
{foreach $tags as $tag}
  <span class="tag">{$tag|pb_text}</span>
{/foreach}

Примечание ​

Опции из options или optionsSource, как у select.

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

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

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

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

Дальше ​