2012-06-06 79 views
2

在我的應用程序中,當用戶單擊Reply來評論時,我將顯示一個用於輸入消息的對話框。請看下面的圖片。PrimeFaces對話框組件的問題

Reply dialog

正如你所看到的,我有2個問題的對話。

  1. 它被右邊的<p:layoutUnit>部分隱藏。
  2. 當我將屬性modal="true"添加到對話框時,對話框本身也無法訪問。

如果你能給我一些關於如何解決這些問題的建議,我將不勝感激。

此致敬禮,

+0

在哪些瀏覽器上發生此問題? (看起來像IE的z-index bug) –

+0

你使用的是什麼primefaces版本? – Damian

+0

@Damian我正在使用最新的v3.3 –

回答

7

我終於找到了解決方案。爲了解決這個問題,有兩件事情要做:

  1. 屬性appendToBody="true"添加到對話框組件。
  2. 將該對話框從中心<p:layoutUnit>中移出,讓它自己站在外面<p:layout>

需要注意的一點是,如果將屬性style="z-index: 999 !important;"添加到對話框組件,對話框將正常顯示。但是,文字區域將無法響應。

3

在Primefaces 5.x上,它在我設置時起作用appendTo="@(body)"