h:selectOneRadio 在一行中呈现所有选择项，如何在新行中呈现每个项？答案

【问题标题】：h:selectOneRadio renders all select items in one line, how to render each in new line?h:selectOneRadio 在一行中呈现所有选择项，如何在新行中呈现每个项？
【发布时间】：2013-04-07 17:29:55
【问题描述】：

我有一个selectOneRadio 标签，所有单选按钮选项都显示在一行上。我怎样才能让它每行/行一个选项？

【问题讨论】：

标签： jsf line-breaks selectoneradio

【解决方案1】：

要了解标签的行为及其所有可用属性，一个很好的起点是tag documentation。这是来自<h:selectOneRadio> tag documentation 的摘录相关性：

[...]

编码行为

渲染一个“表格”元素。如果指定了“styleClass”，则将“styleClass”属性的值渲染为“table”元素上的“class”属性的值。如果指定了“style”、“border”属性，则将它们传递并分别将它们的值呈现为“table”上的“style”和“border”属性。 如果指定了“layout”属性，并且其值为“pageDirection”，则在表格中垂直渲染子元素，否则水平渲染。如果任何子项是 SelectItemGroup 的实例，则将它们呈现为嵌套表。每个孩子最终呈现如下。为每个子组件渲染一个“type”“radio”的“input”元素。使用组件的 clientId 的值渲染“input”元素上的“name”属性。在“input”元素上呈现“id”属性。每个“id”值必须是唯一的。如果当前 SelectItem.isDisabled() 返回 true，则将“disabled”渲染为“disabled”属性的值。

[...]

注意重点。这就是你的答案。

<h:selectOneRadio ... layout="pageDirection">

【讨论】：