Реализация загрузки и вывода нескольких полей (картинок, документов, строк) через одно доп. поле
- Ставим пакеты MIGX
- Создаем TV — photoGallary.
- Тип ввода — migx
- Вкладки форм
[
{"caption":"Image", "fields":[
{"field":"image","caption":"Image","inputTVtype":"image"}
]
},
{"caption":"Название", "fields": [
{"field":"title","caption":"Название"}
]
},
{"caption":"Ссылка", "fields": [
{"field":"link","caption":"Ссылка"}
]
},{"caption":"Коммент", "fields": [
{"field":"desc","caption":"Коммент"}
]
}]
- Разметка колонок
[
{"header": "Image", "width": "200", "sortable": "false","dataIndex":"image","renderer":"this.renderImage"},
{"header": "Название", "width": "300", "sortable": "true", "dataIndex": "title"},
{"header": "Ссылка", "width": "200", "sortable": "true", "dataIndex": "link"} ,
{"header": "Описание", "width": "300", "sortable": "true", "dataIndex": "desc"}
]
- Параметры вывода — по умолчанию
- Выбираем шаблон (Пусть это будет Галерея)
Добавление и вывод контента
- Далее, если в ресурсе применен это шаблон — появится доп. поле с загрузкой картинок. Загружаем картинки, заполняем поля.
- Переходим в шаблон Галерея. В месте вывода картинок добавляем
[[getImageList? docid=`[[*id]]` &tvname=`photoGallary` &tpl=`GalleryImagesTpl`]]
- Создаем чанк GalleryImagesTpl с использованием плейсхолдеров [[+image]] [[+title]] [[+link]] [[+des]]
- Вывод итерации подгоняем под свою верстку