JSF选择Primefaces selectOneMenu里面的对话框隐藏菜单选项z-index

Question

查看：

<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

有人可以建议妥善解决。

Answer 1

好吧，我已经成功解决了这个问题。

我错过了一个appendTo告诉哪个组件要附加select：

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

这会修复z-index以及向下拉列表添加滚动条。

我无法在任何地方找到这个，所以张贴这个自我回答。

Answer 2

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