Primefaces自动完成在错误的位置呈现

时间:2013-10-22 13:57:32

标签: jsf primefaces autocomplete

我正在使用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>替换输入,并提供无法点击的建议。

before

after

我正在使用正确的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" />

有人有过类似的问题吗?

1 个答案:

答案 0 :(得分:0)

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