Как отобразить inputText, когда выбран определенный параметр selectOneMenu?

Question

Я хочу создать панель настроек для приложения.Приложение сохранит значения настроек в таблице базы данных.Панель настроек будет использоваться для отображения настроек и изменения значений.Я хочу представить значения следующим образом:

Таким образом, пользователь сможет вводить только фиксированные значения.Я хочу дать пользователю изменение для ввода пользовательских значений.Например:

Я хочу создать selectOneMenu с параметром custom.Когда пользователь выбирает custom, selectOneMenu будет заменен полем inputText, где он сможет ввести пользовательское значение.Кнопка SAVE сохранит данные в базе данных.Это возможно без перезагрузки страницы?Может быть, с AJAX?

Как это можно реализовать?

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>