特定のselectOneMenuオプションが選択されているときにinputTextを表示する方法は？

Question

アプリケーション用の設定パネルを作成したいと思います。アプリケーションは、設定値をデータベーステーブルに保存します。設定パネルを使用して設定を表示し、値を変更します。私はこの方法で値を表現したい：

この方法では、ユーザーが唯一の固定値を入力することができるようになります。カスタム値を入力するためにユーザーに変更を加えたいと思います。このように：

私はオプションcustomでselectOneMenuを作成したいです。ユーザーがcustomを選択すると、selectOneMenuはinputTextフィールドに置き換えられ、そこではカスタム値を入力できます。 SAVEボタンはデータをデータベースに保存します。ページリロードなしでこれは可能ですか？多分AJAXで？

これはどのように実装できますか？

Answer 1

<f:ajax>を使用すると、現在のオプションが"custom"の場合はいつでも<h:inputText>と表示されます。

<h:selectOneMenu value="#{bean.type}"> 
    <f:selectItem itemValue="one" itemLabel="Option one" /> 
    <f:selectItem itemValue="two" itemLabel="Option two" /> 
    <f:selectItem itemValue="three" itemLabel="Option three" /> 
    <f:selectItem itemValue="custom" itemLabel="Define custom value" /> 
    <f:ajax render="input" /> 
</h:selectOneMenu> 
<h:panelGroup id="input"> 
    <h:inputText value="#{bean.customType}" rendered="#{bean.type == 'custom'}" required="true" /> 
</h:panelGroup>