Создание таблицы из TV полей с помощью MIGX в MODx Revolution

Для того чтобы создать таблицы из TV-полей в стандартной комплектации MODx Revo инструментов нет, зато есть весьма интересный пакет — MIGX

Как пример разберем простой пример использования этого чудо-пакета.

modx migx
Это в админке (в доп. полях в ресурсе)

modx migx
Это на сайте

Настройка

Шаг 1

Устанавливаем пакет MIGX, Создаем TV table-tur, устанавливаем тип ввода migx.

В Вкладки формы: помещаем такой JSON:

[
{"caption":"Tur","fields": [
{"field":"kolvo",
"caption":"Размер группы"
},{
"field":"price",
"caption":"Полная стоимость"
},{
"field":"pricesingle",
"caption":"За человека"
}
]
}]

В Разметка колонок: помещаем такой JSON:

[
{"header": "Кол-во человек", "width": "100", "sortable": "true", "dataIndex": "kolvo"},
{"header": "Полная стоимость", "width": "100", "sortable": "true", "dataIndex": "price"},
{"header": "За человека", "width": "100", "sortable": "true", "dataIndex": "pricesingle"}
]


Получится примерно так

Шаг 2

Создаем чанк table-tur-tpl с таким содержимым:

<tr>
<td>[ [+kolvo]]</td>
<td>[ [+price:isnot=``:then=`[ [+price]] руб.`:else=`—`]]</td>
<td>[ [+pricesingle:isnot=``:then=`[ [+pricesingle]] руб.`:else=`—`]]</td>
</tr>

Шаг 3

В шаблон помещаем такой код (этот сниппет идет в комплекте в MIGX):

[ [getImageList?
&tvname=`table-tur`
&tpl=`table-tur-tpl`
]]

Шаг 4 — Profit

Разбор кода

Начнем с Вкладок формы.

  • Tur — Название вкладки (пока не ясно для чего)
  • fields — массив с полями
  • field — название поля (должно соотвествовать dataIndex в разметке колонок)
  • caption — отображаемое название поля

Разметка колонок.

  • header — отображаемое название поля
  • width — (вроде бы) ширина колонки
  • sortable — Можно ли сортировать таблицу по данной колонке
  • dataIndex — название поля (должно соотвествовать field во вкладке формы), соотвествует имени плейсхолдера в tpl

Чанк table-tur-tpl

Сниппет getImageList

  • tvname — имя TV-параметра
  • tpl — чанк с шаблоном

Инфа отсюда — http://uscms.ru/cms/modx/nastrojka-tablicz-migx-v-modx-revolution/


Комментарии (0)



Разрешённые теги: <b><i><br>Добавить новый комментарий:


Создание сайтов в студии go-up.info