Typo3 打字3分机:新闻系统,键:新闻-网格视图。
我用的是打字机。6.1流体/外部基础 具有扩展名:新闻系统,键:新闻 在显示所有新闻的list.html页面上,如果我在设置中选择显示6条新闻/站点,我可以添加UL/LI布局 是否可以在list.html页面中告诉它: 李1需要风格Typo3 打字3分机:新闻系统,键:新闻-网格视图。,typo3,typoscript,typo3-6.1.x,Typo3,Typoscript,Typo3 6.1.x,我用的是打字机。6.1流体/外部基础 具有扩展名:新闻系统,键:新闻 在显示所有新闻的list.html页面上,如果我在设置中选择显示6条新闻/站点,我可以添加UL/LI布局 是否可以在list.html页面中告诉它: 李1需要风格 style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(0px, 0px);" style="position: absolute; left: 0px
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(0px, 0px);"
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(279px, 0px);"
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(558px, 0px);"
李2需要风格
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(0px, 0px);"
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(279px, 0px);"
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(558px, 0px);"
李3需要风格
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(0px, 0px);"
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(279px, 0px);"
style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(558px, 0px);"
。。。对于LI 6,所有的LI都没有数字,但这里我参考了我在设置中设置的6新闻/站点
因此,我可以制作一个2行3列的6条新闻的gridview?您可以在每个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标记,但我认为上面的代码更易于阅读
<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>
执行从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>
...
...
好的,在这里我只需要为6个值做一个循环,然后它将在xx页上工作,只要我有6条关于em的新闻,如果我需要9条新闻,那么我需要改变循环,来处理9个值。。。明白了吗。