BlockUI on Form은 집중적 인 작업으로 렌더링합니다.

Question

집중적 인 작업이 포함 된 양식이 있습니다. blockUI를 렌더링 (초기화) 한 시간부터 완료된 시간까지 폼을 렌더링하고 내부의 모든 것을 렌더링하려고합니다. 어떤 생각을 어떻게 할 수 있습니까 ??. 나는 blockUI (p와 pe)와는 다른 것들을 시도했지만 양식이 집중적 인 작업을 마칠 때 blockUI를 트리거하는 방법을 찾을 수 없었다. 사전에 도움을 주셔서 감사합니다.

참고 : 양식 제출없이이 과정이 진행됩니다. Primefaces 스냅 샷의 최신 버전을 사용 중입니다.

<ui:define name="content"> 
    <form id="stuff"> 
     <!--a lot of stuff here--> 
    </form> 
</ui:define> 

Answer 1

이렇게하면 양식 렌더링 중에 UI가 차단됩니다.

<ui:define name="content"> 

    <p:blockUI block="stuff" widgetVar="blockUIWidget"> 
     <h:outputText value="Please wait..."/> 
    </p:blockUI> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      blockUIWidget.show(); 
     }); 

     $(window).load(function() { 
      blockUIWidget.hide(); 
     }); 
    </script> 
    <form id="stuff"> 
     <!--a lot of stuff here--> 
    </form> 
</ui:define>