Comment cibler ensemble de la JSF page pour être bloqué par p:blockUI / pe:blockUI?

Le montre l'exemple de blocage de <h:form> par <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>

Cela bloque <h:form> mais il y a un modèle avec un en-tête et une barre de gauche qui ne sont pas bloqués par le faire.

J'ai essayé de bloquer <h:body id="body"> <pe:blockUI target="body"... sur le modèle de la page mais cela ne fonctionne pas fin avec une exception indiquant, "Ne peut pas trouver le composant avec l'id de l'organe de la vue."

Alors, comment cibler l'ensemble de la page?

_{Bien que je suis en utilisant <pe:blockUI> de PrimeFaces extension, la même chose peut être démontrée par <p:blockUI> de PrimeFaces}

OriginalL'auteur Tiny | 2013-11-25