1

我在使用 PrimeFaces AJAX 和 UI:Include 时遇到问题。我正在尝试通过使用标签 ui:include: 来创建基于 AJAX 的 Web 表单：当我单击菜单按钮时，它会更改包含的 SRC 并加载下一页。一切正常，但是当我尝试在 ui:include 加载的页面上使用一些 AJAX 时，它不会更新。好吧，我认为代码将显示我在说什么：

主页：

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
    <h:head>
        <f:facet name="first">
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <title>PrimeFaces</title>
        </f:facet>
        <ui:include src="#{layout.head}"></ui:include>
    </h:head>
    <h:body>
        <h:form>
        <p:layout fullPage="true" >
            [...]
            <p:layoutUnit position="center">
                <p:panel styleClass="noBorder" id="#{pageFlow.panelId}">
                    <ui:insert name="mainContent">
                        <ui:include src="#{pageFlow.page}"/>
                    </ui:insert>
                </p:panel>
            </p:layoutUnit>
        </p:layout>
        <p:growl id="globalMessages" showDetail="true" severity="warn, error, fatal" autoUpdate="true"></p:growl>
        </h:form>
    </h:body>
</f:view>
</html>

template.xhtml - 要加载的页面包括：

<ui:fragment
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:p="http://primefaces.org/ui"
  xmlns:ui="http://java.sun.com/jsf/facelets">
    <p:messages  id="resultMessage" showDetail="true" severity="info" autoUpdate="true" closable="true"/>
    <p:panel  styleClass="noBorder">
        <p:panel id="templateBody" header="Cadastro de Template" style="margin: 10px">
            <h:panelGrid cellpadding="3">
                <p:row>
                    <p:column><h:outputLabel value="Nome: "/></p:column>
                    <p:column><p:inputText value="#{template.name}"/></p:column>
                    <p:column><h:outputLabel value="Descrição: "/></p:column>
                    <p:column><p:inputText value="#{template.description}"/></p:column>
                </p:row>
                <p:row><p:column><p:separator/></p:column></p:row>
                <p:row>
                    <p:column><h:outputLabel style="vertical-align: middle" value="Provedor: "/></p:column>
                    <p:column>
                        <p:selectOneMenu style="vertical-align: middle" validator="selectOneMenuValidator" converter="selectOneMenuConverter" id="providers" value="#{template.providerName}">
                            <f:selectItems value="#{template.testItems}"/>
                            <f:attribute name="fieldName" value="template.providerName"/>
                            <p:ajax update="selectAvaliableItems"/>
                        </p:selectOneMenu>
                    </p:column>
                </p:row>
                <p:row>
                    <p:column>
                        <p:panel id="selectItem" styleClass="noBorder" style="alignment-adjust: central; float: left; height: 200px; width: 100%">
                            <p:selectManyMenu converter="selectManyMenuConverter" validator="selectManyMenuValidator" value="#{template.selectedAvaliableItems}" style="float: left; height: 180px; width: 300px" id="selectAvaliableItems">
                                <f:selectItems value="#{template.avaliableItems}"/>
                                <f:attribute name="fieldName" value="template.selectedAvaliableItems"/>
                            </p:selectManyMenu>
                            <p:panel styleClass="noBorder" style="float: left; height: 180px; width: 75px">
                                <p:commandButton value="&gt;&gt;" update="selectItem" actionListener="#{template.setAction(8+0)}"/>
                                <p:commandButton value="&gt;" update="selectItem" actionListener="#{template.setAction(8+1)}"/>
                                <p:commandButton value="&lt;" update="selectItem" actionListener="#{template.setAction(16+1)}"/>
                                <p:commandButton value="&lt;&lt;" update="selectItem" actionListener="#{template.setAction(16+0)}"/>
                            </p:panel>
                            <p:selectManyMenu converter="selectManyMenuConverter" validator="selectManyMenuValidator" value="#{template.selectedChosenItems}" style="float: left;height: 180px; width: 300px" id="selectSelectedItems">
                                <f:selectItems value="#{template.chosenItems}"/>
                                <f:attribute name="fieldName" value="template.selectedChosenItems"/>
                            </p:selectManyMenu>
                        </p:panel>
                    </p:column>
                </p:row>
                <p:row>
                    <p:column>
                        <p:commandButton id="saveBtn" value="Salvar" update="templateBody" action="#{template.sendData}"/>
                    </p:column>
                    <p:column>
                        <p:commandButton value="Cancelar" update="@all" action="home"/>
                    </p:column>
                </p:row>
            </h:panelGrid>
        </p:panel>
    </p:panel>
    <p:blockUI block="templateBody" trigger="saveBtn providers">
            <p:graphicImage value="./files/img/todo/loading.gif" />
    </p:blockUI>
</ui:fragment>

flowPage bean 可以很好地完成它的工作，它返回一个字符串，其中包含要根据单击的 MenuButton 加载的文件名。问题是 template.xhtml 上的每个 AJAX 都不会更新其内容。调用了 blockUI，我收到了申请，但没有内容更新......

任何想法？

如果我删除 ui:include 并使用模板策略，它工作正常，但我想要一个 AJAX 导航页面。

谢谢你的关注。

4

0 回答 0