在我的應用程序中,當用戶單擊Reply
來評論時,我將顯示一個用於輸入消息的對話框。請看下面的圖片。PrimeFaces對話框組件的問題
正如你所看到的,我有2個問題的對話。
- 它被右邊的
<p:layoutUnit>
部分隱藏。 - 當我將屬性
modal="true"
添加到對話框時,對話框本身也無法訪問。
如果你能給我一些關於如何解決這些問題的建議,我將不勝感激。
此致敬禮,
在我的應用程序中,當用戶單擊Reply
來評論時,我將顯示一個用於輸入消息的對話框。請看下面的圖片。PrimeFaces對話框組件的問題
正如你所看到的,我有2個問題的對話。
<p:layoutUnit>
部分隱藏。modal="true"
添加到對話框時,對話框本身也無法訪問。如果你能給我一些關於如何解決這些問題的建議,我將不勝感激。
此致敬禮,
我終於找到了解決方案。爲了解決這個問題,有兩件事情要做:
appendToBody="true"
添加到對話框組件。<p:layoutUnit>
中移出,讓它自己站在外面<p:layout>
。需要注意的一點是,如果將屬性style="z-index: 999 !important;"
添加到對話框組件,對話框將正常顯示。但是,文字區域將無法響應。
在Primefaces 5.x上,它在我設置時起作用appendTo="@(body)"
在哪些瀏覽器上發生此問題? (看起來像IE的z-index bug) –
你使用的是什麼primefaces版本? – Damian
@Damian我正在使用最新的v3.3 –