JSF选择Primefaces选择对话框内的菜单隐藏菜单选项z索引
视图:JSF选择Primefaces选择对话框内的菜单隐藏菜单选项z索引,jsf,drop-down-menu,primefaces,Jsf,Drop Down Menu,Primefaces,视图: 对话框的z索引会导致菜单选项隐藏在对话框后面 下面是Primefaces showcase中的标准示例: 这似乎是一个众所周知的问题 有人能建议一个合适的修复方法吗。好的,我已经设法解决了这个问题 我缺少一个appendTo,它告诉我要附加哪个组件来选择: <p:dialog header="Search in code tables" widgetVar="dlg" resizable="true"> <p:selectOneMenu id="tabl
对话框的z索引会导致菜单选项隐藏在对话框后面
下面是Primefaces showcase中的标准示例:
这似乎是一个众所周知的问题
有人能建议一个合适的修复方法吗。好的,我已经设法解决了这个问题 我缺少一个appendTo,它告诉我要附加哪个组件来选择:
<p:dialog header="Search in code tables" widgetVar="dlg" resizable="true">
<p:selectOneMenu id="tableId" value="#{xxx.tableId}"
required="true" label="tableId">
<f:selectItems value="#{xxx.tables}" ></f:selectItems>
</p:selectOneMenu>
这将修复z索引,并在下拉列表中添加滚动条
我在任何地方都找不到这个问题,所以发布了这个自我回答。好的,我已经设法解决了这个问题 我缺少一个appendTo,它告诉我要附加哪个组件来选择:
<p:dialog header="Search in code tables" widgetVar="dlg" resizable="true">
<p:selectOneMenu id="tableId" value="#{xxx.tableId}"
required="true" label="tableId">
<f:selectItems value="#{xxx.tables}" ></f:selectItems>
</p:selectOneMenu>
这将修复z索引,并在下拉列表中添加滚动条
我在任何地方都找不到这个,所以发布了这个自我回答。尝试使用
panelStyle
查看selectOneMenu
。
使用appendTo=“@this”
可能会导致如下情况:
您可以改用panelStyle=“position:fixed”
。
问候。尝试使用
面板样式查看选择功能表。
使用appendTo=“@this”
可能会导致如下情况:
您可以改用panelStyle=“position:fixed”
。
关于。您使用的是哪个版本的Primefaces?您是否明确地从css提供了任何z-index
?您的p:dialog
是否位于任何具有相对定位的组件内(如div
或容器或表格)?您使用的是哪个版本的Primefaces?您是否明确地从css提供了任何z-index
?您的p:dialog
是否位于具有相对定位的任何组件内(如div
或容器或表格)?