Question

我有一个autoComplete字段列表：

    <div id="myList" style="height:200px; overflow:scroll;">
        <p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="first" completeMethod="#{ myTest.autocompleteServer}" /><br />
        <p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="second" completeMethod="#{ myTest.autocompleteServer}" /><br />
        <p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="third" completeMethod="#{ myTest.autocompleteServer}" /><br />
        <p:autoComplete minQueryLength="3" dropdown="true" style="width: 360px;" forceSelection="true" queryDelay="200" value="fourth" completeMethod="#{ myTest.autocompleteServer}" /><br />
    </div>

autoComplete行的数量是动态的（超过显示的四行）。

我的问题是，当autoComplete建议菜单打开并且我尝试滚动（使用鼠标的滚动条）父DIV（id =“myList”）时，DIV滚动，但autoComplete菜单保留在它的位置，因为它附加到身体的位置：绝对。

我的问题是，是否有办法（比如在jQuery UI中，您可以使用“ui-front”类）将菜单附加到父DIV（“myList”）。

提前致谢，

-Daniel

Primefaces autoComplete菜单附加到正文

0 个答案: