List with Ditto

☆ A M B ☆
453 Posts

Mproject Reply #1, 15 years, 8 months ago

Hi all!

I have a question regarding Ditto and templating...

I have a structure like this (this is an example):

<div class="portfolio">
  <ul id="portfolio">
   <li class="class1">Some content...</li>
   <li class="class1">Some content...</li>
   <li class="class1">Some content...</li>

   <li class="class2"></li>
   <li class="class2"></li>
   <li class="class2"></li>
   <li class="class2"></li>
   <li class="class2"></li>
   <li class="class2"></li>

   <li class="class3">Some content...</li>
   <li class="class3">Some content...</li>
  </ul>
</div>

I achieved it with 3 Ditto calls... something like this:

<ul id="portfolio">
[!Ditto?&parents=`47` &orderBy=`pub_date DESC` &extenders=`dateFilter` &dateFormat=`%d.%m.%Y` &paginate=`0` &display=`all` &total=`all`  &tpl=`TPL-1` &noResults=`No results`!]
[!Ditto?&parents=`48` &orderBy=`pub_date DESC` &extenders=`dateFilter` &dateFormat=`%d.%m.%Y` &paginate=`0` &display=`all` &total=`all`  &tpl=`TPL-2` &noResults=`No results`!]
[!Ditto?&parents=`49` &orderBy=`pub_date DESC` &extenders=`dateFilter` &dateFormat=`%d.%m.%Y` &paginate=`0` &display=`all` &total=`all`  &tpl=`TPL-3` &noResults=`No results`!]
</ul>

MY QUESTION IS:
Is there a way to have exact structure but with only ONE Ditto template/call?

Example then would be like this (ordered by published date):

<div class="portfolio">
  <ul id="portfolio">
   <li class="class1">Some content...</li>
   <li class="class2">Some content...</li>
   <li class="class1">Some content...</li>
   <li class="class3">Some content...</li>
   <li class="class3">Some content...</li>
   <li class="class2">Some content...</li>

etc...
  </ul>
</div>

BASE - Web Design Studio
MODX Ambassador

Website

- 793 Posts
ottogal Reply #2, 15 years, 8 months ago
You could try this Ditto call:
```
[!Ditto? &parents=`47,48,49` &orderBy=`pub_date DESC` &extenders=`dateFilter` &dateFormat=`%d.%m.%Y` &paginate=`0` &display=`all` &total=`all`  &tpl=`TPL` &noResults=`No results`!]
```
The template [tt]TPL[/tt] has to choose the value of [tt]class[/tt] ( [tt]class1[/tt] , [tt]class2[/tt] or [tt]class3[/tt] ) for each item dependent on its parent.
The PHx-modifier [tt]select[/tt] should be able to do this:
```
<li class="[+parent:select=`47=class1&48=class2&49=class3`+]">Some content...</li>
```
(Now I myself am curious if this works...)