SelectOneMenu 中的 PrimeFaces 和可见的自动完成功能答案

【问题标题】：PrimeFaces and visible autocomplete in SelectOneMenuSelectOneMenu 中的 PrimeFaces 和可见的自动完成功能
【发布时间】：2015-03-21 12:11:06
【问题描述】：

有什么办法可以达到以下要求：

将 JSF 与 PrimeFaces 结合使用，
使用带有自动完成功能的 SelectOneMenu，
使输入文本可见：即不仅可以输入（因为它已受支持），而且用户还应该有一个可见的输入字段来选择给定的菜单项。

我猜应该是（自定义的）filtering、editable 输入和服务器端验证的组合，但我没有找到方法。

【问题讨论】：

您在寻找高级示例吗？ primefaces.org/showcase/ui/input/oneMenu.xhtml 。否则我不明白这个问题
谢谢你。它应该是Editable 和Advandedcase 的组合。在Editable 字段中输入New。那时它不会自动完成到 New York，但它只提交 New 输入。 Advanced 示例符合该行为，但输入字段显示在初始选择字段下方 - 这不应该发生。哦，它应该避免 JavaScript 代码。所以剩下的问题是：有没有可能？

标签： jsf primefaces autocomplete selectonemenu

【解决方案1】：

这个问题很老，但对其他人有帮助，所以给出答案。

是的，可以同时获得它们。下面是 PrimeFaces 演示中可编辑组合框的示例。

<p:outputLabel for="city" value="Editable: " />
<p:selectOneMenu id="city" value="#{selectOneMenuView.city}" effect="fold" editable="true">
    <f:selectItem itemLabel="Select One" itemValue="" />
    <f:selectItems value="#{selectOneMenuView.cities}" />
</p:selectOneMenu>

您可以在此属性上添加另一个属性，并与可编辑一起获得高级特性。

<p:outputLabel for="city" value="Editable: " />
<p:selectOneMenu id="city" value="#{selectOneMenuView.city}" effect="fold" editable="true" filter="true" filterMatchMode="startsWith">
    <f:selectItem itemLabel="Select One" itemValue="" />
    <f:selectItems value="#{selectOneMenuView.cities}" />
</p:selectOneMenu>

你就完成了。你两个都有。

【讨论】：