JSF - 팝업 패널에 대한 오버레이 만들기

Question

누군가 파일을 시스템에 업로드하려고 할 때마다 팝업되는 오버레이를 만들었습니다. , onclick을, 오버레이가 사라지게 지원 개체 :

1. 가 나는 A4J를 첨부 : (오버레이가있는 경우) 는 GUI 나는이 두 가지 문제가

   다음과 같습니다. 이 문제는 업로드 구성 요소에서 업로드 버튼을 클릭하면 지원 작업을 완료하기 전에 지원이 클릭 이벤트를 포착하고 업로드 구성 요소로 오버레이를 닫습니다.

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>을 사용하시기 바랍니다.