在多列中动态添加组件＆amp;传奇创作

Question

我有一个字段集给女巫我动态添加组件代码如下：

<fieldset>
            <legend style="color:blue;font-weight:bold;">#{msgs.newsletterConstantPersonalization}</legend>
            <ui:repeat var="personalizedProp" value="#{newsletterWflBean.constantPersonalizationProperties}">
                <comp:embeddedLabel label="#{personalizedProp.name}">
                    <h:selectBooleanCheckbox value="#{personalizedProp.used}" />
                </comp:embeddedLabel>
            </ui:repeat>
        </fieldset>

然而，每个组件都出现在预览之下。我想创建固定数量的列，例如。 3并排放置新组件。

所以，现在它看起来像这样：

comp1
comp2
comp3
...
compx

我想要什么，例如。 3栏：

comp1 comp2 comp3
comp4 comp5 comp6
...
compx compx+1 ...

（其中comp是标签+复选框）

如何使用JSF实现这一目标？我不想创建列表列表并复制ui：repeat标签。我不希望将视图与业务逻辑分开。所以我希望在JSF / JavaScript中完成所有工作。

同样使用图例标记我假设（http://www.w3schools.com/tags/tag_legend.asp）我的组件周围应该有一个很好的标题边框，但这不起作用。为什么？如何使用JSF创建标题边框/图例？

感谢您的帮助