java - JSF-RadioButtonを選択し、outputTextを非表示にします

Question

xhtmlページにラジオボタンとoutputTextがあります。

ラジオボタンを選択するとoutputTextが表示され、ラジオボタンの選択を解除するとOutputTextが非表示になります。

可視/不可視タグとは何ですか？とそれを使用する方法？

誰か知ってる？

ありがとう

Answer 1

rendered出力テキストの親の属性で、ラジオ ボタンの値を確認できます。<f:ajax>ラジオ ボタン グループ内で使用して、ラジオ ボタンが変更されるたびに出力テキストの親を更新できます。

キックオフの例:

<h:form id="form">
    <h:selectOneRadio value="#{bean.radio}">
        <f:selectItem itemValue="one" itemLabel="This should hide output text" />
        <f:selectItem itemValue="two" itemLabel="This should show output text" />
        <f:ajax render="output" />
    </h:selectOneRadio>
    <h:panelGroup id="output">
        <h:outputText value="output text" rendered="#{bean.radio == 'two'}" />
    </h:panelGroup>
</h:form>

idajaxでは、コンテンツを更新するために常にrenderレンダリングされるコンポーネントが必要になるため、出力テキスト自体の を指すことはできないことに注意してください。

---

サーバー側のソリューションではなくクライアント側のソリューションを探していることを示しているように見えるコメントに従って更新します。その場合は、基本的な JavaScript を取得するだけです。

<h:form id="form">
    <h:selectOneRadio value="#{bean.radio}" onclick="document.getElementById('form:output').style.display = (value == 'two' ? 'block' : 'none')">
        <f:selectItem itemValue="one" itemLabel="This should hide output text" />
        <f:selectItem itemValue="two" itemLabel="This should show output text" />
    </h:selectOneRadio>
    <h:outputText id="output" value="output text" style="display: #{bean.radio == 'two' ? 'block' : 'none'}" />
</h:form>