java - 选择特定的 selectOneMenu 选项时如何显示 inputText？

Question

我想为应用程序创 build 置面板。应用程序会将设置值存储到数据库表中。设置面板将用于显示设置和更改值。我想以这种方式表示值:

这样用户将只能输入固定值。我想更改用户以输入自定义值。像这样:

我想创建带有选项 custom 的 selectOneMenu。当用户选择 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>