Как настроить таргетинг на всю страницу JSF на блокировку p: blockUI/pe: blockUI?

Question

Пример демонстрирует блокировку <h:form> по <pe:blockUI>.

<h:form id="form" prependId="true"> 
    <pe:blockUI target="form" widgetVar="blockBodyUIWidget"> 
     <h:panelGrid columns="2"> 
      <h:graphicImage library="default" name="images/ajax-loader1.gif" class="block-ui-image"/> 
      <h:outputText value="#{messages['blockui.panel.message']}" class="block-ui-text"/> 
     </h:panelGrid> 
    </pe:blockUI> 

<p:commandButton id="btnSubmit" 
       onstart="PF('blockBodyUIWidget').block()" 
       oncomplete="PF('blockBodyUIWidget').unblock();}" 
       update=":form:dataGrid" actionListener="#{bean.listener}" 
       icon="ui-icon-check" 
       value="Save"> 
</h:form> 

Это блокирует <h:form> но есть шаблон с заголовком и боковой панели слева, не перекрыт делать это.

Я попытался блокировать <h:body id="body"> <pe:blockUI target="body"... на странице шаблона, но это не сработало окончание с указанием исключения, «Не удается найти компонент с телом ид в представлении.»

Итак, как цель всю страницу?

_{Хотя я использую <pe:blockUI> из PrimeFaces extension, то же самое может быть продемонстрировано <p:blockUI> из PrimeFaces}

Answer 1

Дайте идентификатор к вашему телу, а затем ссылаться на него на block аргумент <p:blockUI> компонента.

Пример:

<h:body id="entirePage"/> 

и

<p:blockUI id="blockUI" widgetVar="blockBodyUIWidget" block=":entirePage"/>