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

Поле jsongrid ​

Версия: Pro (advanced-fields).

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

Набор полей как у repeater, но одна запись, а не список: форма блока всегда одна и та же.

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

  • SEO title и description одним объектом
  • Набор настроек overlay

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

  • repeater для массива (Free)
  • fieldset для плоских вложенных ключей (Pro)

Настройка ​

json
{
  "name": "row",
  "type": "jsongrid",
  "label": "Строка",
  "fields": [
    {
      "name": "title",
      "type": "text",
      "label": "Title"
    }
  ],
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение ​

Объект с ключами вложенных полей.

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

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

json
{
  "row": {
    "title": "SEO title",
    "description": "SEO description"
  }
}

Пример в chunk ​

modx
<h4>[[+row.title]]</h4>
fenom
{if $row.title}
  <h4>{$row.title|pb_text}</h4>
{/if}

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

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

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

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

Дальше ​