多个 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 字段,例如图像。
我在通量字段中搜索可在后端编辑的多个 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 字段,例如图像。