Primefaces SelectOneMenu 项目在页面滚动时移动
Primefaces SelectOneMenu items are moving on page scroll
在屏幕截图中我们可以看到带有一些 selectItems
的对话框,当我使用鼠标滚动时,完整的 selectItems
正在移动
我的示例代码:
<div class="row">
<h:outputLabel for="columnNames" value="Select Column Name:" />
<p:selectOneMenu id="columnNames"
value="#{employeeGroupList.columnName}">
<f:selectItem itemValue="" itemLabel="--- Select ---"></f:selectItem>
<f:selectItems value="#{employeeGroupList.columnNames}"></f:selectItems>
</p:selectOneMenu>
</div>
要修复它,只需在 <p:selectOneMenu>
中添加 appendTo="@this"
<p:selectOneMenu appendTo="@this"></p:selectOneMenu>
如果这不起作用,您可以将 <p:dialog>
的位置设置为绝对位置作为解决方法
<p:dialog style="position: absolute; margin-top: 20px;"></p:dialog>
这将解决问题,但是如果您滚动,对话框将保留在顶部。
在屏幕截图中我们可以看到带有一些 selectItems
的对话框,当我使用鼠标滚动时,完整的 selectItems
正在移动
<div class="row">
<h:outputLabel for="columnNames" value="Select Column Name:" />
<p:selectOneMenu id="columnNames"
value="#{employeeGroupList.columnName}">
<f:selectItem itemValue="" itemLabel="--- Select ---"></f:selectItem>
<f:selectItems value="#{employeeGroupList.columnNames}"></f:selectItems>
</p:selectOneMenu>
</div>
要修复它,只需在 <p:selectOneMenu>
appendTo="@this"
<p:selectOneMenu appendTo="@this"></p:selectOneMenu>
如果这不起作用,您可以将 <p:dialog>
的位置设置为绝对位置作为解决方法
<p:dialog style="position: absolute; margin-top: 20px;"></p:dialog>
这将解决问题,但是如果您滚动,对话框将保留在顶部。