Typo3 Fluid-以动态形式添加计数器

Question

简而言之，我只想拥有一个从0开始的计数器，每当if内部的if条件为true时，该计数器就会递增。我知道如何在javascript中实现这一目标。Countervar应该留在Label内Entry的前面。

<f:for each="{house.offers}" as="offer" key="index">
            <f:if condition="{offer.offerCategory} == {category}">
                <f:then>
                    <div class="form-element-wrap removable">
                        <label class="label" for="{index}"> **Entry** for {category.title}</label>
                        <f:form.hidden name="house[offers][{index}][__identity]" value="{offer.uid}" />
                        <f:form.textfield name="house[offers][{index}][title]" id="{index}" class="text form-element" value="{offer.title}" />
                        <button class="remove-button" role="button" aria-label="delete-button"></button>
                    </div>
                </f:then>
                <f:else>
                    <f:form.hidden name="house[offers][{index}][__identity]" value="{offer.uid}" />
                </f:else>
            </f:if>
        </f:for>

Answer 1

呈现模板时的流体supports variables which are set at runtime。它也是supports basic math，因此您应该可以通过这种方式实现所需的功能：

<f:variable name="counter">0</f:variable>

<f:for ...>
    <f:if ...>
        <f:variable name="counter">{counter + 1}</f:variable>
        {counter}
    </f:if>
</f:for>

Answer 2

在TYPO3 9之前，您可以使用ext:vhs为您提供VH来设置流体变量。

可以用打字稿VH进行计算。

<v:variable.set name="counter"><f:cObject typoscriptObjectPath="lib.calc" 
                                          data="{counter} + 1" /></v:variable.set>

lib.calc = TEXT
lib.calc.current = 1
lib.calc.prioriCalc = 1