带有 h:selectoneradio 的布局

【问题标题】：layout with h:selectoneradio带有 h:selectoneradio 的布局
【发布时间】：2011-12-29 16:23:42
【问题描述】：

考虑到它只呈现一行，如何让 h:selectOneRadio 不显示内联项目？或者你如何让它为每个项目呈现一行？

    <h:selectOneRadio value="#{cc.attrs.radioItem}" styleClass="radioOptions">
                <f:selectItems value="#{cc.attrs.radioItems}" />
                <f:ajax render="detailPanel :pricingTable" />
</h:selectOneRadio>

【问题讨论】：

项目一个接一个地呈现。我希望他们一个在另一个之下。样式类是空的，我尝试了不同的东西，但无济于事。

标签： css jsf-2

【解决方案1】：

您需要将layout 属性设置为pageDirection。

<h:selectOneRadio value="#{cc.attrs.radioItem}" layout="pageDirection">

这很难通过 CSS 修复，因为它实际上会呈现 <table>。

另见：

JSF 2.1 tag documentation index
- <h:selectOneRadio> tag documentation

【讨论】：

哦。正确的。我正在尝试奇怪的解决方法，答案就在我的眼皮底下。谢谢
嗨 BalusC，有没有办法自定义 selectOneRadio 的布局？不是连续显示 8 个，而是每行显示 4 个？