PrimeFaces 的对话框组件的问题

Question

在我的应用程序中，当用户单击Reply 发表评论时，我将显示一个用于输入消息的对话框。请看下图。

如您所见，我的对话框有 2 个问题。

1. 它被右侧的<p:layoutUnit> 部分隐藏。
2. 当我将属性modal="true" 添加到对话框时，对话框本身也无法访问。

如果您能给我一些关于如何解决这些问题的建议，我将不胜感激。

最好的问候，

Answer 1

我终于找到了解决方案。要解决这个问题，有两件事要做：

1. 将属性appendToBody="true"添加到对话框组件中。
2. 将对话框带出中心<p:layoutUnit>，让它独立于外部<p:layout>。

需要注意的一点是，如果我在对话框组件中添加属性style="z-index: 999 !important;"，对话框将正常出现。但是，文本区域将变得无响应。

Answer 2

在 Primefaces 5.x 上，当我设置 appendTo="@(body)" 时它可以工作