java - これらの PrimeFaces ラジオ ボタンが無効になっているのはなぜですか?

Question

私はいくつかの単純なコードだと思うものを持っています:

<ui:composition template="/templates/webflow.xhtml"
            xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:f="http://java.sun.com/jsf/core">

<ui:define name="flowTitle">Page One</ui:define>
<ui:define name="pageTitle">Page 1 of 5: Please select a type</ui:define>

<ui:define name="content">
    <h:form id="page1Form">
        <div class="flow_main">
            <div class="controls">
                <p:selectOneRadio id="customRadio" value="#{flowState.selectedOption}" layout="custom">
                    <f:selectItem itemValue="-1" />
                    <f:selectItem itemValue="1" />
                    <f:selectItem itemValue="2" />
                    <f:selectItem itemValue="3" />
                    <f:selectItem itemValue="4" />
                    <f:selectItem itemValue="5" />
                    <f:selectItem itemValue="6" />
                </p:selectOneRadio>

                <!-- these to go into a datatable -->
                <p:radioButton id="opt2" for=":page1Form:customRadio" itemIndex="1"/>
                <p:radioButton id="opt3" for=":page1Form:customRadio" itemIndex="2"/>
                <p:radioButton id="opt4" for=":page1Form:customRadio" itemIndex="3"/>
                <p:radioButton id="opt5" for=":page1Form:customRadio" itemIndex="4"/>
                <p:radioButton id="opt6" for=":page1Form:customRadio" itemIndex="5"/>
                <p:radioButton id="opt1" for=":page1Form:customRadio" itemIndex="6"/>

            </div>
        </div>
        <div style="text-align:right" class="flow_footer" >
            <p:commandButton id="cancel" value="Cancel" ajax="true" action="cancel" onsuccess="javascript:parent.dlg.hide();"/>
            <p:commandButton id="next" action="next" value="Next" onclick="return validate(1)" update="@form" />
        </div>
    </h:form>
</ui:define>

ただし、レンダリングすると、下部の 3 つのラジオ ボタンが無効になります。ほぼすべての属性を変更して有効にしようとしましたが、役に立ちませんでした。

それらを有効にする唯一の方法は、次の行を追加することです。

<h:inputHidden value="#{flowState.selectedOption}" id="hiddenId" />

ただし、これでも完全には機能しません。ラジオ ボタンを選択して次のページに移動すると、正しくバインドされます。ただし、ページに戻ると、ラジオボタンが再び無効になります!