JSF在对话框隐藏菜单选项z-index中选择原型selectOneMenu [英] JSF select Primefaces selectOneMenu inside dialog hiding menu option z-index

问题描述

查看：

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

The z-index for the dialog causes the menu options to hide behind it.

我正在从标准示例中追踪标准示例：

I am following standard example from Primefaces showcase:

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

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

This appears to be a know n issue http://forum.primefaces.org/viewtopic.php?f=3&t=33972

有人可以建议正确的修复。 / p>

Can someone suggest a proper fix.

推荐答案

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

okay I have managed to figure this out.

缺少一个appendTo告诉哪个组件附加选择：

I was missing a appendTo telling which component to append the select:

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

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

This fixes the z-index as well as adding a scrollbar to the drop down.

我没有找到任何地方，发布自己的答案。

I have not been able to find this anywhere so posting this self answer.

这篇关于JSF在对话框隐藏菜单选项z-index中选择原型selectOneMenu的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！