MIGX bootstrap gallery

Добрый день всем!
Изучаю работу MIGX. Делаю по мануалам, размещенным в интернете, не совсем пока понял разницу между выводом изображения в MIGX способом:
«Вкладки формы»
{"field":"images","caption":"Изображение","inputTV":"ImageTV"}
«Разметка колонок»
{"header": "Изображение", "sortable": "false", "dataIndex": "images","renderer": "this.renderImage"}
и способом:
«Вкладки формы»
{"field":"images","caption":"Изображение","inputTVtype":"image"}
«Разметка колонок»
{"header": "Изображение", "sortable": "false", "dataIndex": "images","renderer": "this.renderImage"}
Способ «inputTVtype»:«image» почему-то не заработал. Может кто подскажет куда копать?
Для способа «inputTV»:«ImageTV» я так понимаю необходимо заранее создать TV типа image? Как ее связать с MIGX?
Можно ли осуществлять вывод MIGX с помощью pdoResourses?
Антон
Антон
30 мая 2016, 05:18
modx.pro
1
4 468
0

Комментарии: 10

Павел Романов
Павел Романов
30 мая 2016, 11:38
2
+1
В первом случае Вы просто указываете конкретную TV-шку, которую брать в качестве основы для вывода (привязывать к шаблонам ее не обязательно). Удобно, если используется отдельный источник файлов.
Во втором случае вы указываете только тип TV, который использовать. В данном случае источник файлов будет умолчальным.

Но, чтобы не ошибиться можно делать нужный вывод не кодом, а через конфигурации. Оно на первый взгляд кажется сложнее, но зато надежно )).

Идете в MIGX и создаете новую конфигурацию:



Указываете название:



Добавляете форму:



и поле нужного типа:



Можете указать свой источник файлов:



Сохраняете форму и добавляете нужные колонки и настройки:



Рендер для поля:



Если нужно, редактор:


Сохраняете все.

Ну а в TV просто прописываете имя конфигурации:



Для копирования конфигураций можно использовать импорт/экспорт:


    Антон
    Антон
    30 мая 2016, 12:03
    0
    Спасибо, буду пробовать)) Вы MIGX-поля с помощью чего выводите? PdoTools для этих целей, как я понял, не подходит? правильно?
    Антон
    Антон
    30 мая 2016, 21:53
    0
    Разобрался с тем, как выводить сами изображения, а каким образом вывести листалку?
    <ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
      Здоров Александр
      Здоров Александр
      30 мая 2016, 22:43
      0
      копайте в сторону этого решения от Василия Наумкина: ссылка
        Антон
        Антон
        30 мая 2016, 22:43
        0
        Как вывести?
        data-slide-to="0" class="active"
        начиная с нуля и с классом active?
        Делаю вот так:
[[!getImageList??
    &tvname=`ws.images`
    &tpl=`@CODE:<li data-target="#myCarousel" data-slide-to="[[+idx]]"></li>`
    &limit=`100` 
]]
          Здоров Александр
          Здоров Александр
          30 мая 2016, 23:00
          0
          на странице есть GenerateIndicators — это пример, когда из pdoresource подхватывается кол-во картинок/слайдов, чего угодно и генерируется нужное количество переключателей с увеличением порядкового номер на 1
          комментарий от самого разработчика
          Сниппет принимает общее количество картинок слайдера и генерирует индикаторы для переключения:
          как сделать конкретно в вашем случае — пробуйте, я стараюсь обходить подобные слайдеры из-за таких вот наворотов лишних. в частности юзаю owl-carusel как раз в связке с migx для слайдера
            Антон
            Антон
            30 мая 2016, 23:16
            0
            интересует больше вывод с помощью getImageList, осталось только разобраться как заставить +idx начинать не с 1, а с нуля + как добавить класс active к нулевому индикатору
              Павел
              Павел
              20 июля 2016, 10:44
              +1
              Недавно прикручивал себе слайдер от бутстрапа к migx… В общем смотри

              <div id="carousel_top" class="carousel slide border_box" data-ride="carousel">
	<!-- Indicators -->

	<ol class="carousel-indicators">
	  [[!getImageList?
		&tvname=`slider_main`
		&tpl=`slider_main_indicators`
		&docid=`[[*id]]`
	  ]]
	</ol>

	<!-- Wrapper for slides -->
	<div class="carousel-inner">

	[[!getImageList?
		&tvname=`slider_main`
		&tpl=`slider_main`
		&docid=`[[*id]]`
	]]

	</div>

	<!-- Controls -->
	<a class="left carousel-control" href="#carousel_top" data-slide="prev"></a>
	<a class="right carousel-control" href="#carousel_top" data-slide="next"></a>
</div>

              Чанк: slider_main
              <div class="item [[+idx:is=`1`:then=`active`]]"  >
    <img src="[[+image]]">
</div>

              Чанк: slider_main_indicators
              <li data-target="#carousel_top" data-slide-to="[[!defone? &input=`[[+idx]]`]]" [[+idx:is=`1`:then=`class="active"`]]></li>

              И сниппет defone (который как раз и вычитает от idx единичку)
              <?php
return $input = $input-1;

      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      10