如何使用小功能扩展<h：selectoneradio>？</h：selectoneradio>

Question

我如何自定义<h:selectOneRadio />的呈现？更具体地说，我的目标是自定义<f:selectItem />的渲染，我的意思是，在当前单选按钮和前一个单选按钮之间设置一个边距。我想做一些事情：<f:selectItem margin="10" ... />。渲染仅适用于我决定的一些<h:selectOneRadio />元素，而不适用于所有元素。我想保留共同<h:selectOneRadio />的所有功能，所以我认为我应该做一个最小的延伸。我该怎么办？

提前谢谢。

Answer 1

您可以使用复合组件here是一个完整的示例。

Answer 2

只需使用CSS。

E.g。

<h:selectOneRadio layout="pageDirection" styleClass="foo">
    <f:selectItem itemValue="value1" itemLabel="label1" />
    <f:selectItem itemValue="value2" itemLabel="label2" />
    <f:selectItem itemValue="value3" itemLabel="label3" />
</h:selectOneRadio>

与

.foo input {
    margin: 10px;
}