[TYPO3-german] Zusätzlichen <li> ohne Inhalt in list mit ausgeben [gelöst]

[Matthias Eberlein]

Am 14.11.2012 21:25, schrieb Matthias Eberlein:
> Hallo Liste,
>
> ich habe das Problem einen zusätlichen <li> in einer list mit
> auszugeben. Folgendes. Ich hole mir per TS die Daten (Cat Titel) aus der
> Tabelle tt_news_cat.
>
> Die einzelnen Title werden in <li>|</li> ausgegeben.
>
> <ul>
> <li>NewsCat1</li>
> <li>NewsCat2</li>
> <li>NewsCat3</li>
> <li>NewsCat4</li>
> </ul>
>
> Was ich Benötige ist ein Zusätzliches li vor dem ersten oder auch nach
> dem letzten li. Ein li ohne Daten. Ich habe schon Verschiedene
> Möglichkeiten Versucht, jedoch wird zu jedem Cat Title der Zusätzliche
> li wiederholt. Ich benötigen ihn natürlich nur einmal.
>
> Hier mal mein script.
>
>
> lib.IsotopejQueryNewsGalleryNavigation = CONTENT
> lib.IsotopejQueryNewsGalleryNavigation {
>    stdWrap.outerWrap =  <section id="options" class="clearfix">|</section>
>    stdWrap.innerWrap = <ul id="filters" class="option-set clearfix
> isotopeItem" data-option-key="filter">|</ul>
>    table = tt_news_cat
>    select {
>          pidInList = {$isotopeGallery}
>          selectFields = tt_news_cat.uid, tt_news_cat.title
>          andWhere = NOT tt_news_cat.deleted AND NOT tt_news_cat.hidden
>          andWhere.intval = 1
>          max = {$isotopeGalleryMaxItems}
>          orderBy = tt_news_cat.title ASC
> }
>    renderObj >
>    renderObj = COA
>    renderObj {
>
>
>              stdWrap.dataWrap = <li class="isotopeItemLink
> {field:uid}"><a class="{field:uid}" href="#filter"
> data-option-value=".{field:title}">|</a></li>
>              stdWrap.dataWrap.insertData = 1
>              10 = TEXT
>              10.field = title
>
>    }
> }
>
>
> Wie bekomme ich nun ein "<li><a href="#filter" data-option-value="*"
> class="selected">show all</a></li>"  innerhalb <ul> vor dem ersten oder
> nach dem Letzten li?
>
>
> Gruß und Danke schon mal...
>
> Matthias


Nun, wie gesagt is schon sehr früh. Habe dabei warscheinlich den Tip von 
Stefan nicht genau gelesen.

Den Dummy li in den innerWrap zu dem ul hat es gebracht. So einfach so 
oft für andere sachen Verwendet. Man oh man.....

Nun gut es geht und das ist gut so.

Hier noch mal schnell das komplette script für eine ISOTOPTE Gallery aus 
tt_news beiträgen...

######################################
# tt_news with jQuery ISOTOPE PLUGIN #
######################################
lib.NewsGallerySelect = CONTENT
lib.NewsGallerySelect {
   table= tt_news
   select {
         pidInList = {$isotopeGallery}
         selectFields = tt_news.title, tt_news.image, tt_news.bodytext, 
tt_news.crdate, tt_news.datetime, tt_news.author, tt_news_cat.title AS 
category
         where = NOT tt_news.deleted AND NOT tt_news.hidden
         where.intval = 1
   join = tt_news_cat_mm ON (tt_news_cat_mm.uid_local = tt_news.uid) 
JOIN tt_news_cat ON (tt_news_cat.uid = tt_news_cat_mm.uid_foreign)
   orderBy = tt_news.datetime DESC
   max =
         }
     }
lib.NewsSelectGalleryContent = CONTENT
lib.NewsSelectGalleryContent = < lib.NewsGallerySelect
lib.NewsSelectGalleryContent {
   renderObj = COA
   renderObj{
     stdWrap.dataWrap = <div class="isotope-item {field:category}" 
data-category="{field:category}">|</div>
     stdWrap.dataWrap.insertData = 1
     stdWrap.wrap = <article>|</article>
     stdWrap.innerWrap = <div class="inner-box">|</div>
     20 = IMAGE
     20 {
       if.isTrue.field = image
       required=1
       file.import=uploads/pics/
       file.import.field=image
       file.width= 200C
       file.height=
       file.import.listNum = 0
       titleText.field = imagetitletext
       altText.field = imagecaption
       stdWrap.insertData=1
       wrap =  <figure>|</figure>
         imageLinkWrap = 1
         imageLinkWrap {
             enable =
             typolink.parameter =
             typolink.additionalParams=
             typolink.additionalParams.insertData =
             typolink.useCacheHash=
         }
     }

  30 = COA
  30 {
wrap = <div class="title-wrap">|</div>
      1 = TEXT
      1 {
         field=short
#        ifEmpty.field = title
          wrap = <p>|</p>
          crop = 20|...|1
      }
  }
   }
}
lib.IsotopejQueryNewsGalleryNavigation = CONTENT
lib.IsotopejQueryNewsGalleryNavigation {
   stdWrap.outerWrap =  <section id="options" class="clearfix">|</section>

#so nicht...
#  stdWrap.innerWrap = <ul id="filters" class="option-set clearfix 
isotopeItem" data-option-key="filter">|</ul>

# SO gehts...
stdWrap.innerWrap = <ul id="filters" class="option-set clearfix 
isotopeItem" data-option-key="filter"><li class="beforetest"><a 
href="#filter" data-option-value="*"> show all |</a></li></ul>
   table = tt_news_cat
   select {
         pidInList = {$isotopeGallery}
         selectFields = tt_news_cat.uid, tt_news_cat.title
         andWhere = NOT tt_news_cat.deleted AND NOT tt_news_cat.hidden
         andWhere.intval = 1
         max = {$isotopeGalleryMaxItems}
         orderBy = tt_news_cat.title ASC
}
   renderObj >
   renderObj = COA
   renderObj {
     10 = COA
     10 {
         stdWrap.dataWrap = <li class="isotopeItemLink"><a 
class="{field:uid}" href="#filter" 
data-option-value=".{field:title}">|</a></li>
         stdWrap.dataWrap.insertData = 1
         10 = TEXT
         10.field = title
        }
   }
}

lib.IsotopejQueryNewsGallery = COA
lib.IsotopejQueryNewsGallery {
   wrap = <div class="brick_container_wrapper">|</div>
   10 = COA
   10 {
     1 < lib.IsotopejQueryNewsGalleryNavigation
   }
   20 = COA
   20.wrap =  <div id="container" class="clearfix">|</div>
   20 {
     2 < lib.NewsSelectGalleryContent
   }
}

Wenn es ne bessere Lösung gibt - Dann her damit.:-)



gruss
matthias