jsf - 超过 1 行带有 h:selectmanyCheckbox

Question

我有一个 16 个项目的列表，应该像这样显示

1 2 3 4
5 6 7 8
etc.

连续 4 个项目，然后它应该添加另一行。

我的问题是您只允许显示类似的信息

1 2 3 4 5 6 7 8 9 10 etc

或者

1
2
3
4
etc.

我的代码如下所示：

<h:selectManyCheckbox value="#{main.selectedStates}">
  <f:selectItems value="#{main.stateOutput}" />
</h:selectManyCheckbox>

我完全不知道这应该如何工作。我现在花了大约 2 个小时在 Google 上搜索它。

PS：请不要因为我的英语而责备我：P

Answer 1

一个非侵入式的解决方案是在加载 DOM 树后使用一些 JavaScript 来修改 HTML DOM。类似的东西，伪代码：

someSelectorForCheckboxDiv.forEach( if ... then ...set css or insert dom element );

Luiggi 提出了另一种方式，可能更接近 JSF 精神。