多个 key:value 的 Fluid Flux 字段

Fluid Flux field for multible key:value

我在通量字段中搜索可在后端编辑的多个 key:value 条目。对于单行,我使用普通输入字段:

<flux:field.input name="Title" label="Title" />

但现在我希望能够动态添加值,例如:

Email pp@aa.com
Phone  ++12344556
OtherContat  value
OtherKey  otherValue

然后在流体循环中使用它作为输出。

这有什么用?

您可以使用 ViewHelpers flux:section and flux:object。它看起来像这样:

<flux:form.section name="contacts" label="Contacts">
    <flux:form.object name="contact" label="Contact">
        <flux:field.input name="email" label="Email"/>
        <flux:field.input name="phone" label="Phone"/>
    </flux:form.object>
</flux:form.section>

然后您可以使用如下方式呈现数据:

<ol>
    <f:for each="{contacts}" as="contactlistelement">
        <li>
            Phone: {contactlistelement.contact.phone}<br />
            Email: {contactlistelement.contact.email}
        </li>
    </f:for>
</ol>

对此有一个限制:在 flux:object 内,不能有 FAL 字段,例如图像。