カスタムレイアウトの仕方h：selectOneRadio

Question

h：selectOneRadioのレイアウトは、水平または垂直のいずれかにすることができるので、カスタムレイアウトを行うことができます。たとえば、8つのラジオボタンを表示する代わりに、各行に4つの2つの行を表示しますか？ PrimeFaces p：selectOneRadioソリューションの横にあなたの答えを記入してください。それはCSS3を使ってIE8にラジオボタンを長方形の形で表示させます。

Answer 1

それはまさにそれではないのですが、あなたはラジオボタンのmarkuplessレンダリングを持つように"spread"に設定layout属性でTomahawk's<t:selectOneRadio>を使用することができます。 <t:radio>を使用して、<h:panelGrid columns="4">のように、個々のラジオボタンをマークアップに配置することができます。

など。

<t:selectOneRadio id="foo" value="#{bean.selectedItem}" layout="spread"> 
    <f:selectItems value="#{bean.availableItems}" /> 
</t:selectOneRadio> 

<h:panelGrid columns="4"> 
    <t:radio for="foo" index="0" /> 
    <t:radio for="foo" index="1" /> 
    <t:radio for="foo" index="2" /> 
    <t:radio for="foo" index="3" /> 

    <t:radio for="foo" index="4" /> 
    <t:radio for="foo" index="5" /> 
    <t:radio for="foo" index="6" /> 
    <t:radio for="foo" index="7" /> 
</h:panelGrid> 

あるいはラジオボタンの量は、不特定

<h:panelGrid columns="4"> 
    <c:forEach items="#{bean.availableItems}" varStatus="loop"> 
     <t:radio for="foo" index="#{loop.index}" /> 
    </c:forEach> 
</h:panelGrid> 

である（それは、時間をレンダリングビューの間で実行され、従って<h:panelGrid>の単一列として終わるよう<ui:repeat>が適切でないことに注意してください代わりに普通のHTML <table>を使用する必要があります）