2013-12-10 3 views
0

EXT : 뉴스 시스템, KEY : 뉴스 버전을 실행 중입니다. FLUID/EXTBASE가있는 TYPO3 버전 6.1의 2.2.1TYPO3 EXT : 반복 뉴스 시스템 키 : 뉴스 VER : 2.2.1

반복 작업을하는 데 문제가있어서 3 개의 항목/페이지가 표시되고 3 가지 항목 (li 클래스, LI에 클래스 이름을 지정하려고하지만 UL 태그와 div 태그 만 가져올 수 있습니다. UL 뒤에 클래스가있는 LI 태그가 없습니다.

반복 조건과 항목?

내 코드.

<!-- Show List/Grid of drills Start (..list/itemdrills.html) --> 
    <f:if condition="{settings.templateLayout} == 100"> 
    <f:then> 
     <f:if condition="{settings.hidePagination}"> 
     <f:then> 
      <f:for each="{news}" as="newsItem" iteration="iterator"> 
      <f:if condition="{iterator.index} == 1"> 
       <li class="first-item"><f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /></li> 
      </f:if> 
      <f:if condition="{iterator.index} == 2"> 
       <li class="second-item"><f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /></li> 
      </f:if> 
      <f:if condition="{iterator.index} == 3"> 
       <li class="third-item"><f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /></li> 
      </f:if> 
      </f:for> 
     </f:then> 
     <f:else> 
      <n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}">  
      <div class="news-list-view"> 
       <ul class="cbp_tmtimeline {newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}">    
       <f:for each="{paginatedNews}" as="newsItem"> 
        <f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /> 
       </f:for>   
       </ul> 
      </div> 
      </n:widget.paginate> 
     </f:else> 
     </f:if> 
    </f:then> 
    <!-- Show List/Grid of drills End --> 
+0

CSS를 사용하여 다른 CSS를 적용하는 이유는 무엇입니까? (n 번째 자식) – lorenz

+0

iterator.index는 항상 0으로 시작합니다 (첫 번째 항목). iterator.cycle은 1부터 시작합니다. – lorenz

+0

?? 나는 이것으로 새로운 무엇을 의미합니까? LI 클래스 first-row 또는 last-row에 다음을 추가해야합니다. 첫 번째 행과 마지막 행 모두에 LI를 사용할 수 없습니다. 어떻게 U를 보거나 수정할 것입니까? 및 thx. 피드백. –

답변

0

당신이 경우 페이지 당 3 개 항목 표시하기 페이지 매김을 사용하고 있다고 가정합니다. 그런 다음 "hidePagination"조건의 else 부분 만 적용됩니다. 당신이 스타일을 적용 할 경우

그래서 당신은

<f:for each="{paginatedNews}" as="newsItem"> 

의 반복과 부분에 전달합니다. 순수 CSS를 사용하면 1, 2, 3 항목의 스타일을 쉽게 지정할 수 있습니다.

+0

3 항목은 ex. 하지만 난 3 행/열에 9 항목을 보여주는 그래서 내가 9 항목, 전의 gridview를 얻을. 3 항목으로 3 항목과 1 행을 얻을 수 있었고 3 행을 얻을 수있었습니다. 그러나 나는 u'r 가이드 라인을 볼 것입니다 ;-) 나는 U.로 돌아갑니다 –

+0

그냥 뉴스 항목이 뜨게하십시오 ... – lorenz