解决方案

Question

使用扩展DCE元素，我创建了一个流体模板，为每个创建的项生成一个li项。现在我想让每个第一到第二项都是包装器。那样：

<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>

变为：

<ul>
    <li>item 1</li>
    <li>item 2</li>
</ul>
<ul>
    <li>item 3</li>
    <li>item 4</li>
</ul>
<ul>
    <li>item 5</li>
</ul>

这是否可以在流体模板中使用？也许与Typoscript结合使用？

Answer 1

解决方案

这就是我最终使用matplotlib_venn迭代每两个项目，然后关闭并打开标记。除了确保最后一项不以开头标记结尾：

pip install --upgrade matplotlib_venn

注意

据我所知，凭借VHS {cycle}的力量可能会用更少的代码来解决这个问题，但我无法按照我想要的方式来解决这个问题。 ~~如果有人愿意提供一个比较2个选项的工作示例，我将不胜感激。~~

使用VHS

更新：21.12.2017

重新访问chunk选项，使用VHS iterator.chunk使用以下代码段实现相同的代码：

<ul>
    <f:for each="{field.item}" as="item" iteration="iterator">

        <f:if condition="{iterator.cycle} % 2">
            <f:then>
                <li>item {iterator.cycle}</li>
            </f:then>
            <f:else>
                <li>item {iterator.cycle}</li>
                <f:if condition="{iterator.isLast} != 1">
                    <f:then>
                        </ul><ul>
                    </f:then>
                </f:if>
            </f:else>
        </f:if>

    </f:for>
</ul>

也许这有助于那里的人！

Answer 2

如果您正在使用VHS视图助手集合扩展，那么您还可以使用Iterator\Chunked视图助手：

<v:iterator.chunk count="4" subject="{menu}" as="entries">
     <f:for each="{entries}" as="row">
          <f:for each="{row}" as="page">
          [...]
          </f:for>
     </f:for>
</v:iterator>

Answer 3

当然，除了计数器/迭代器之外，还需要for viewhelper。您可以使用if viewhelper来检查您的情况。 API有一些示例：http://api.typo3.org/typo3cms/current/html/class_t_y_p_o3_1_1_c_m_s_1_1_fluid_1_1_view_helpers_1_1_for_view_helper.html#details

https://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/For.html

Answer 4

使用常规Fluid，使用for视图助手的迭代器可以实现这一点。

<f:for each="{items}" as="item" iteration="itemIterator">
    <f:if condition="{itemIterator.isOdd}">
        <ul>
    </f:if>
    <li>{item.name}</li>
    <f:if condition="{itemIterator.isOdd}">
        <f:then>
            <f:if condition="{itemIterator.isLast}">
                </ul>
            </f:if>
        </f:then>
        <f:else>
            </ul>
        </f:else>
    </f:if>
</f:for>

棘手的部分是关闭</ul>，它被上面的流体覆盖。

Answer 5

我还有一个解决方案，就我而言 - 更本土的

<f:for each="{items}" as="item" iteration="itemIterator">
    <f:cycle values="{0:'left', 1:'right', 3:'center'}" as="order">
            <f:switch expression="{order}">
                <f:case value="left">
                       <div class="left">Conetnt</div>
                </f:case>
                <f:case value="right">
                       <div class="right">Conetnt</div>
                </f:case>
                <f:case value="center">
                       <div class="center">Conetnt</div>
                </f:case> 
            </f:switch>  
    </f:cycle> 
</f:for>

有没有办法在TYPO3液体中包裹X物品？

5 个答案:

解决方案

注意

使用VHS