JSF在对话框隐藏菜单选项z-index中选择Primefaces selectOneMenu答案

【问题标题】：JSF select Primefaces selectOneMenu inside dialog hiding menu option z-indexJSF在对话框隐藏菜单选项z-index中选择Primefaces selectOneMenu
【发布时间】：2015-05-25 04:27:40
【问题描述】：

查看：

<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-index 使菜单选项隐藏在其后面。

我正在关注 Primefaces 展示中的标准示例：

http://www.primefaces.org/showcase/ui/overlay/dialog/loginDemo.xhtml

这似乎是一个已知问题 http://forum.primefaces.org/viewtopic.php?f=3&t=33972

有人可以提出适当的解决方法吗？

【问题讨论】：

您使用的是哪个版本的 Primefaces？您是否明确提供了来自 css 的任何 z-index？您的p:dialog 是否在任何具有相对定位的组件内（例如div 或容器或表格）？

标签： jsf drop-down-menu primefaces

【解决方案1】：

好的，我已经设法弄清楚了。

我错过了一个 appendTo 告诉哪个组件附加选择：

<p:selectOneMenu id="tableId" value="#{xxx.tableId}"
            required="true" label="tableId" appendTo="@this" >

这会修复 z-index 并在下拉列表中添加滚动条。

我无法在任何地方找到这个，所以发布这个自我答案。

【讨论】：

【解决方案2】：

尝试将panelStyle 用于selectOneMenu。使用 appendTo = "@this" 可能会导致如下情况：您可以改用panelStyle = "position:fixed"。问候。

【讨论】：