将对话框的叠加边界限制在仅包含它的一个layoutUnit中

时间:2011-06-22 15:04:09

标签: jsf jsf-2 primefaces

我正在使用primefaces dialogmodal=true)。我需要将对话框的叠加限制在一个layoutUnit内,其中包含它&不要在整个页面上展开叠加层(包含多个layoutUnit)。

1 个答案:

答案 0 :(得分:0)

当您显示对话框时,您可能需要创建自己的模态叠加显示它。

<div class="customoverlay" />

您需要为div文件创建样式表类,将其展开到父容器,将其zindex设置为比该对话框除外的该布局单元中的任何其他数字,并且您可能会想要将opacity设置为您选择的值。

在显示对话框的javascript中,您还需要进行jQuery调用以显示叠加层。

exampleDialog.show();
jQuery('.customoverlay').css('display', 'inline');

隐藏对话框的javascript除了将display样式设置为none之外,您将希望执行与上述相同的操作。