使用PrimeFaces blockui无法阻止模板中的全身?

时间:2014-09-22 06:28:03

标签: jsf templates jsf-2 primefaces

的template.xhtml 总模板页面

<h:body id="homeBody">
    <ui:include src="/template/sessionTimeOut.xhtml" />
    <div id="page">
        <p:layout fullPage="true">

            <p:layoutUnit position="north" id="header" size="65"
                style="overflow: none; height: 65px!important ">
                <ui:insert name="header">
                    <ui:include src="adminheader.xhtml" />
                </ui:insert>
            </p:layoutUnit>

            <p:layoutUnit position="south" id="footer" size="40"
                style="text-align: center;">
                <ui:insert name="footer">
                    <ui:include src="footer.xhtml" />
                </ui:insert>
            </p:layoutUnit>


            <ui:insert name="content">
                <ui:include src="content.xhtml" />
            </ui:insert>
        </p:layout>
    </div>
    <h:outputScript target="body">onload('#{visitorComponent.admin.admin_name}')</h:outputScript>
    <script type="text/javascript" src="#{request.contextPath}/resources/js/chat_messages.js"></script>
</h:body>

header.xtml 它的标题部分

<h:body>
    <ui:composition>
        <h:form id="headerForm">
            <h:graphicImage url="./images/vms_logo.png" class="header_logo" />
            <span class="header_name"><strong> Visitor Management
                    System</strong></span>

            <p:growl id="msgs" />
            <p:commandLink rendered="#{visitorComponent.admin.role == 'user'}"
                action="#{visitorComponent.getOperatorMessages1}" update="newlabel"
                style="text-decoration:underline;color:blue;">
                <h:outputText value="Messages" />
                <h:outputText value="new" rendered="#{visitorComponent.newmsg}"
                    id="newlabel"></h:outputText>
            </p:commandLink>

            <p:poll interval="15" listener="#{visitorComponent.schedular}"
                update="headerForm" />
            <p:commandButton value="Home" id="homeBtn"
                action="#{visitorComponent.goHomePage}" icon="ui-icon ui-icon-home"
                styleClass="ui-priority-primary" />

            <p:blockUI block=":homeBody" trigger="homeBtn">
                <p:graphicImage name="icon/ajax-loader.gif" />
            </p:blockUI>

            <p:commandButton value="New Visitor"
                action="#{visitorComponent.addVisitor}"
                icon="ui-icon ui-icon-circle-check" styleClass="ui-priority-primary" />

            <p:commandButton value="Check Visitor"
                action="#{visitorComponent.checkVisitor}"
                icon="ui-icon-white ui-icon-pencil" styleClass="ui-priority-primary" />

            <p:commandButton value="Search"
                action="#{autoCompleteServices.searchVisitor}"
                icon="ui-icon ui-icon-search" styleClass="ui-priority-primary" />

            <div id="user_account" align="right" style="">
                <h:graphicImage url="./images/employee_icon.png"
                    style="width:28px; height:30px; margin: 7px 5px; float: right;" />
                <p:menuButton value="#{visitorComponent.admin.admin_name}">
                    <p:menuitem value=" Dash Board"
                        action="#{visitorComponent.goHomePage}" icon="ui-icon-home" />
                    <p:separator rendered="#{visitorComponent.admin.role == 'admin'}" />
                    <p:menuitem value=" Admin Options"
                        rendered="#{visitorComponent.admin.role == 'admin'}"
                        action="#{visitorComponent.adminOperations}" icon="ui-icon-gear" />
                    <p:separator
                        rendered="#{visitorComponent.admin.passwordChangePermission == 'yes'}" />
                    <p:menuitem value=" Change Password"
                        rendered="#{visitorComponent.admin.passwordChangePermission == 'yes'}"
                        action="#{visitorComponent.gotoChangePassword}" icon="ui-icon-key" />
                    <p:separator />
                    <p:menuitem value=" Logout" action="#{visitorComponent.logout}" oncomplete="stopChat();"
                        icon="ui-icon-power" />
                </p:menuButton>
            </div>
            <!-- <p:blockUI block="j_idt18" trigger="homeBtn">
                <p:graphicImage name="icon/ajax-loader.gif" />
            </p:blockUI> -->
        </h:form>
    </ui:composition>
    <!-- <p:blockUI block=":homeBody" trigger=":homeBtn">
        <p:graphicImage name="icon/ajax-loader.gif" />
    </p:blockUI> -->
</h:body>

我需要通过点击标题链接(主页按钮)来阻止总模板。这意味着通过单击主页按钮,我需要阻止总模板页面(我可以阻止总标题部分)。

1 个答案:

答案 0 :(得分:0)

最后我自己只做了部分,

我无法阻止总页数,但我阻止了主要内容。这意味着,在模板中我有如下代码。

<ui:insert name="content">
                <ui:include src="content.xhtml" />
            </ui:insert>

在主页面中,我们必须覆盖此内容页面。我在那里