docs.modx.pro
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
Зависимости
  1. Компоненты
  2. PageBuilder
  3. Типы полей

Справочник типов полей ​

35 типов в Free и 27 в Pro. Большинство Pro-типов включается флагом advanced-fields. Типы datasource, form, product и products дополнительно требуют capabilities datasources, forms и minishop3. У каждого типа есть страница: JSON настройки и блок данных секции.

Общие meta-ключи (tab, width, description, default, active): обзор.

Free ​

typeСлойСтраницаВывод и пример
textFreetextJSON и Fenom
emailFreeemailJSON и Fenom
textareaFreetextareaJSON и Fenom
richtextFreerichtextJSON и Fenom
aceFreeaceJSON и Fenom
numberFreenumberJSON и Fenom
urlFreeurlJSON и Fenom
slugFreeslugJSON и Fenom
selectFreeselectJSON и Fenom
multiselectFreemultiselectJSON и Fenom
radioFreeradioJSON и Fenom
checkboxFreecheckboxJSON и Fenom
checkboxgroupFreecheckboxgroupJSON и Fenom
yesnoFreeyesnoJSON и Fenom
toggleFreetoggleJSON и Fenom
dateFreedateJSON и Fenom
timeFreetimeJSON и Fenom
datetimeFreedatetimeJSON и Fenom
colorFreecolorJSON и Fenom
colorpaletteFreecolorpaletteJSON и Fenom
fileFreefileJSON и Fenom
imageFreeimageJSON и Fenom
migxFreemigxJSON и Fenom
videoFreevideoJSON и Fenom
buttonFreebuttonJSON и Fenom
resourcelistFreeresourcelistJSON и Fenom
hiddenFreehiddenJSON и Fenom
readonlyFreereadonlyJSON и Fenom
xtypeFreextypeJSON и Fenom
headingFreeheadingJSON и Fenom
repeaterFreerepeaterJSON и Fenom
tagFreetagJSON и Fenom
tvFreetvJSON и Fenom
chunkFreechunkJSON и Fenom
snippetFreesnippetJSON и Fenom

Pro ​

typeСлойСтраницаВывод и пример
relationProrelationJSON и Fenom
multirelationPromultirelationJSON и Fenom
galleryProgalleryJSON и Fenom
mapPromapJSON и Fenom
tableProtableСетка в инспекторе. JSON и Fenom
embeddedTableProembeddedTableJSON и Fenom
keyvalueProkeyvalueJSON и Fenom
editorjsPro, advanced-fieldseditorjsНовое поле создаётся только в Pro. Уже сохранённое открывается и пишется
currencyProcurrencyJSON и Fenom
imaskProimaskJSON и Fenom
comboProcomboJSON и Fenom
multicomboPromulticomboJSON и Fenom
tablecomboProtablecomboВыпадающий список из класса MODX. JSON и Fenom
tablemulticomboProtablemulticomboНесколько значений из класса MODX. JSON и Fenom
fieldsetProfieldsetJSON и Fenom
dependentProdependentJSON и Fenom
jsongridProjsongridJSON и Fenom
daterangePro, advanced-fieldsdaterangeJSON и Fenom
iconPro, advanced-fieldsiconJSON и Fenom
linkPro, advanced-fieldslinkJSON и Fenom
documentsPro, advanced-fieldsdocumentsJSON и Fenom
addressPro, advanced-fieldsaddressJSON и Fenom
schedulePro, advanced-fieldsscheduleJSON и Fenom
datasourcePro, capability datasourcesdatasourceJSON и Fenom
formPro, capability formsformJSON и Fenom
productPro, capability minishop3productJSON и Fenom
productsPro, capability minishop3productsJSON и Fenom

Составные сценарии ​

showWhen ​

Поле показывается, если значение другого поля совпало с value (не equals).

json
{
  "name": "extra_url",
  "type": "url",
  "label": "Доп. ссылка",
  "showWhen": { "field": "show_extra", "value": true }
}

Реализация: fieldVisibility.ts.

optionsSource ​

json
{
  "name": "template",
  "type": "tablecombo",
  "label": "Шаблон",
  "optionsSource": {
    "class": "modTemplate",
    "valueField": "id",
    "labelField": "templatename",
    "limit": 100
  }
}

Список опций: connector mgr/field/options. Хук: pbOnFieldValues.

Таблицы ресурса ​

Вкладка Tables на ресурсе или tab type table в Collections. Поле embeddedTable хранит table_key и настройки выборки. См. настройку таблиц и панель управления.

Алиасы ​

Полный список в FIELD_TYPE_ALIASES (fieldDefaults.ts). Частые: relationship → relation, resources → resourcelist, boolean / listyesno → yesno, onlyreading → readonly, colorpicker → color, editor_js → editorjs.

Дальше ​