jsf-2 - 如何延长有一个小功能？

Question

我怎样才能自定义渲染<h:selectOneRadio />？。更具体地说，我的目标是自定义<f:selectItem />我的意思的渲染，在当前单选按钮和前一个单选按钮之间设置一个边距。我想做类似的事情：<f:selectItem margin="10" ... />. 渲染只应该适用于<h:selectOneRadio />我决定的一些元素，而不是全部。我想保留通用的所有功能，<h:selectOneRadio />所以我认为我应该做一个最小的扩展。我应该如何进行？

先感谢您。

Answer 1

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

Answer 2

只需使用 CSS。

例如

<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;
}