如何通过p:blockUI/pe:blockUI来阻止整个JSF页面被阻止？

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"...模板页面,但是没有以一个异常结束,指示" 无法在视图中找到具有id主体的组件 ".

那么,如何定位整个页面？

_{虽然我使用<pe:blockUI>的PrimeFaces延伸,同样的事情可以证明<p:blockUI>PrimeFaces的}

Answer 1

给你的身体一个id,然后block在<p:blockUI>组件的参数上引用它.

例:

<h:body id="entirePage"/>

和

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