Primefaces 自动完成功能呈现在错误的位置答案

【问题标题】：Primefaces autocomplete rendered in a wrong placePrimefaces 自动完成功能呈现在错误的位置
【发布时间】：2013-10-22 13:57:32
【问题描述】：

我正在使用 PrimeFaces 4.0、JSF2、jBoss EAP 6.1、Bootsrtap 3。我的项目中有两个地方使用<p:autocomplete>，一个渲染正常，另一个不渲染。自动完成的建议部分应出现在页面底部的 <div> 容器内：

<div id="searchForm:j_id_8t_5k_panel" class="ui-autocomplete-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow"></div>

但我的越野车呈现在 <p:autocomplete> 标记应该在的同一位置，它实际上用普通的 <ul> 替换输入，并带有您无法点击的建议。

我正在使用正确的 JSF 标签，例如 <h:body> 等。

我的自动完成组件：

<p:autoComplete value="#{search.item}" completeMethod="#{search.autocomplete}"
var="item" itemLabel="#{item.label}" itemValue="#{item}" converter="objectConverter"  
forceSelection="true" minQueryLength="3" scrollHeight="200" 
global="false" />

有人遇到过类似的问题吗？

【问题讨论】：

标签： jsf primefaces autocomplete

【解决方案1】：

问题的原因是我将<p:autocomplete> 放入了<p:outputPanel autoUpdate="true">。删除自动更新后一切正常！真的不知道为什么它应该破坏自动完成元素，但确实如此。希望它可以帮助某人。

【讨论】：