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