问题描述
嗨,我正在为
此选择工作正常,但显然不会创建选项组
现在我该如何修改视图,使其变成这样:
<select class="form-control select2-multiple select2-multiple-max3" name="position[]">
<optgroup label="Geschäftsführung / Management">
<option value="1">Geschäftsführer KMU (Bereich Handel / Dienstleistung)</option>
<option value="2">Geschäftsführer Großunternehmen (Bereich Handel / Dienstleistung)</option>
<option value="3">Geschäftsführer KMU (Bereich Produktion)</option>
</optgroup>
<optgroup label="Steuern / Revision / Treuhand">
...
对象 {positionen} 的内容如下所示: (Screenshot of fluid debug output)
解决方法
您需要自己的分组逻辑,方法是在控制器中准备组或使用 <f:groupedFor>
:
<f:select property="position">
<f:groupedFor
each="{positions}"
as="areaPositions"
groupBy="area"
groupKey="area"
>
<f:form.select.optgroup label="{area.title}">
<f:for each="{areaPositions}" as="position">
<f:form.select.option value="{position.uid}">
{position.title}
</f:form.select.option>
</f:for>
</f:form.select.optgroup>
</f:groupedFor>
</f:select>
这里假设您已经加载了所有可能的 positions
(例如从 PositionRepository
)并将其传递给模板。每个位置都应该有一个相关的 area
(1:1),每个区域都应该有一个 title
。通过这种方式,您可以按位置的 area
对位置进行分组,并将区域 title
用作选项组标签。
之后,假设每个位置都有一个 title
,每个区域的所有位置都将呈现为选择选项。