TYPO3 EXT：新聞系統，關鍵：新聞-Gridview。

Question

我正在運行TYPO3 v.6.1 FLUID / EXTBASE。

擴展名：新聞系統，關鍵：新聞。

在顯示所有新聞的list.html頁面上，如果我在設置中選擇顯示6個新聞/站點，則可以添加UL / LI布局。

那么有可能在list.html頁面中告訴它：

李1需要風格

style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(0px, 0px);"

李2需要風格

style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(279px, 0px);"

LI 3需要風格

style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(558px, 0px);"

...對於LI 6，所有li沒有數字，但在這里我引用。 到我在設置中設置的6個新聞/站點。

所以我可以在2行3列中制作6條新聞的gridview嗎？

Answer 1

您可以在each-viewhelper中使用迭代

<f:for each="{news}" as="newsItem" iteration="iterator">
    <f:if condition="{iterator.index} == 1">...</f:if>
        <li class="first-item"></li>
    </f:if>
    <f:if condition="{iterator.index} == 2">...</f:if>
        <li class="second-item"></li>
    </f:if>
</f:for>

但您必須將此條件添加到所有項目中。 否則，您可以使用cycle-viewhelper定義如下列：

<f:for each="{news}" as="newsItem">
  <f:cycle values="{0: 1, 1: 2, 2: 3}" as="cycle">
    <f:if condition="{cycle} == 1">...</f:if>
        <li class="col-1"></li>
    </f:if>
    <f:if condition="{cycle} == 2">...</f:if>
        <li class="col-2"></li>
    </f:if>
    <f:if condition="{cycle} == 2">...</f:if>
        <li class="col-2"></li>
    </f:if>
  </f:cycle>
</f:for>

在這里，您只需向每列添加條件。 我會根據條件僅添加類，而不是整個li-tag，但我認為上面的代碼更易於閱讀。

<f:for each="{news}" as="newsItem" iteration="iterator">
    <li class="{f:if(condition: "{iterator.index} == 1", then: 'first-class')} {f:if(condition: "{iterator.index} == 2", then: 'second-class')}">

    </li>   
</f:for>

Answer 2

執行從0開始，所以就像...

<f:for each="{news}" as="newsItem" iteration="iterator">
<f:if condition="{iterator.index} == 0">...</f:if>
    <li class="first-item"></li>
</f:if>
<f:if condition="{iterator.index} == 1">...</f:if>
    <li class="second-item"></li>
</f:if>
</f:for>