Skip to content
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.

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

Free ​

typeСтраницаВывод и пример
texttextJSON и Fenom
emailemailJSON и Fenom
textareatextareaJSON и Fenom
richtextrichtextJSON и Fenom
aceaceJSON и Fenom
numbernumberJSON и Fenom
urlurlJSON и Fenom
slugslugJSON и Fenom
selectselectJSON и Fenom
multiselectmultiselectJSON и Fenom
radioradioJSON и Fenom
checkboxcheckboxJSON и Fenom
checkboxgroupcheckboxgroupJSON и Fenom
yesnoyesnoJSON и Fenom
toggletoggleJSON и Fenom
datedateJSON и Fenom
timetimeJSON и Fenom
datetimedatetimeJSON и Fenom
colorcolorJSON и Fenom
colorpalettecolorpaletteJSON и Fenom
filefileJSON и Fenom
imageimageJSON и Fenom
migxmigxJSON и Fenom
videovideoJSON и Fenom
buttonbuttonJSON и Fenom
resourcelistresourcelistJSON и Fenom
hiddenhiddenJSON и Fenom
readonlyreadonlyJSON и Fenom
xtypextypeJSON и Fenom
headingheadingJSON и Fenom
repeaterrepeaterJSON и Fenom
tagtagJSON и Fenom
tvtvJSON и Fenom
chunkchunkJSON и Fenom
snippetsnippetJSON и Fenom

Pro ​

typeСлойСтраницаВывод и пример
relationPro, advanced-fieldsrelationJSON и Fenom
multirelationPro, advanced-fieldsmultirelationJSON и Fenom
galleryPro, advanced-fieldsgalleryJSON и Fenom
mapPro, advanced-fieldsmapJSON и Fenom
tablePro, advanced-fieldstableСетка в инспекторе. JSON и Fenom
embeddedTablePro, advanced-fieldsembeddedTableJSON и Fenom
keyvaluePro, advanced-fieldskeyvalueJSON и Fenom
editorjsPro, advanced-fieldseditorjsНовое поле создаётся только в Pro. Уже сохранённое открывается и пишется
currencyPro, advanced-fieldscurrencyJSON и Fenom
imaskPro, advanced-fieldsimaskJSON и Fenom
comboPro, advanced-fieldscomboJSON и Fenom
multicomboPro, advanced-fieldsmulticomboJSON и Fenom
tablecomboPro, advanced-fieldstablecomboВыпадающий список из класса MODX. JSON и Fenom
tablemulticomboPro, advanced-fieldstablemulticomboНесколько значений из класса MODX. JSON и Fenom
fieldsetPro, advanced-fieldsfieldsetJSON и Fenom
dependentPro, advanced-fieldsdependentJSON и Fenom
jsongridPro, advanced-fieldsjsongridJSON и 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.

classНазначение
modResourceРесурсы
modUserПользователи
modCategoryКатегории
modTemplateШаблоны
modTemplateVarTV
modChunkЧанки
modSnippetСниппеты
modPluginПлагины

Другой класс не загружается: процессор вернёт пустой список.

optionsSource.limit: по умолчанию 100, максимум 500.

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

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

Алиасы ​

Полный список в FIELD_TYPE_ALIASES (fieldDefaults.ts). Частые:

АлиасТип
relationshiprelation
resourcesresourcelist
boolean, listyesnoyesno
onlyreadingreadonly
colorpickercolor
editor_jseditorjs
table_combotablecombo
table_multicombotablemulticombo
templatevar, template_vartv

Дальше ​