java - 特定のselectOneMenuオプションが選択されたときにinputTextを表示するにはどうすればよいですか？

Question

アプリケーションの設定パネルを作成したい。アプリケーションは設定値をデータベーステーブルに保存します。設定パネルは、設定を表示し、値を変更するために使用されます。このように値を表現したいと思います。

このようにして、ユーザーは固定値のみを入力できるようになります。カスタム値を入力するようにユーザーに変更を加えたい。このような：

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

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

Answer 1

現在のオプションがに等しいときはいつでも<f:ajax>を表示するために使用します。<h:inputText>"custom"

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

Answer 2

ブートストラップselect2クラスを使用できます。

<h:selectOneMenu styleClass="form-control input-sm select2"
value="#{myBean.data}" id="data">
</h:selectOneMenu>