jsf - 如何定位要被 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"...在模板页面上，但这不起作用，并以异常指示“无法在 View 中找到具有 id 主体的组件”。

那么，如何定位整个页面呢？

虽然我正在使用 <pe:blockUI>的 PrimeFaces extension ，同样的事情可以通过 <p:blockUI> 证明PrimeFaces

Answer 1

给你的 body 一个 id，然后在 block 上引用它<p:blockUI>的论据成分。

例子:

<h:body id="entirePage"/>

和

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