Question

我有一个布局，其中layoutUnit west和layoutUnit中心，西侧有一个菜单，调用另一个在中心侧渲染的页面，问题是当另一个页面在中心渲染时，所有布局都会刷新（西侧和中间侧）。我有以下代码：

<p:layout style="width: 100%; height: 450px" >
                <p:layoutUnit position="west" size="230" collapsible="false" >
                    <h:form>                        

                        <p:menu style="font-size: 14px;  width: 95%;height: 420px " >
                            <p:submenu label="MENU">

                                <p:menuitem value="Students"  icon="ui-icon-arrowthick-1-n" url="pantallas/students.xhtml"  />    
                                <p:menuitem value="Teachers"  icon="ui-icon-refresh" url="pantallas/teacher.xhtml"  />


                            </p:submenu>


                        </p:menu>
                    </h:form> 

                </p:layoutUnit>

                <p:layoutUnit id="layout1" position="center" >
                    <h:form>
                        <ui:insert name="content" ></ui:insert>
                    </h:form>


                </p:layoutUnit>

            </p:layout>

和student.xhtml一样：

<ui:composition template="../administracion.xhtml"
            xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://xmlns.jcp.org/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
            xmlns:f="http://xmlns.jcp.org/jsf/core">
<ui:define name="content">
    <h:head>
        <h:outputStylesheet library="css" name="styles2.css"/>
        <title>Facelet Title</title>
    </h:head>

    <h:body>
        <p:panel header="Student" style="width: 90%; margin: auto auto">
            <h:form id="forma1">
                <p:panel style="text-align: center">
                    <p:inputText placeholder="Students" value="#{datosCT.cct}"/>
                    <p:commandButton value="buscar" actionListener="#{controlCTAlumnos.traeInfo()}" update="panel1">
                        <f:ajax listener="#{controlCTAlumnos.mostrarPanel(e)}" render="panel1"  />
                    </p:commandButton>

                </p:panel>

            </h:form>
        </p:panel>

    </h:body>
</ui:define>

我看到并尝试了很多方法只刷新layoutUnit中心，但在这种情况下不起作用。

有人能帮助我吗？

提前感谢。

Answer 1

您可以从内容页面对布局单元内的表单组件进行部分更新。

<p:layoutUnit id="layout1" position="center" >
    <h:form id="form>
       <ui:insert name="content" ></ui:insert>
    </h:form>
</p:layoutUnit>

student.xhtml

<p:commandButton value="buscar" update=":form"/>

JSF-PrimeFaces，如何仅刷新<p：layoutunit position =“center”>而不是所有<p：layout>？</p：layout> </p：layoutunit>

1 个答案: