JSF - 爲彈出面板創建疊加層

Question

我創建了疊加層，每當有人想要將文件上傳到系統時，都會彈出疊加層。 桂看起來像這樣（當疊加到）

我有兩個問題：

1. 我連着A4J：支持對象，的onclick，使得覆蓋消失。問題在於，當我點擊上傳組件上的上傳按鈕時，在我有機會完成操作之前，支持會捕獲點擊事件並關閉帶有上傳組件的疊加層。
2. 我選擇了兩種不同的風格類別。一個用於疊加，另一個用於上載面板。但是覆蓋圖的樣式接管了上傳組件，並且它也變得透明。

實施看起來是這樣的：

<h:panelgroup layout="block" styleClass="overlayClass"> 
    <rich:fileUpload styleClass="uploadStyleClass"... /> 
    <a4j:support event="onclick" action="#{mrBean.switchOverlayState}" reRender="..."/> 
</h:panelGroup> 

的CSS：

.overlayClass { 
     Opacity: 0.5; 
    position: fixed; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    background: #000; 
} 

.uploadStyleClass { 
     opacity: 1.0; 
     ... 
} 

感謝您的幫助！

Answer 1

我建議使用<rich:modalPanel>來代替。