部分渲染 JSF 组件

Question

通过包含不同的源文件（带有面板和组件）来讨论如何部分渲染（div）。取决于菜单操作。如果正确理解 JSF 阶段，View 将在最后一个阶段 Render Response 期间重建。如果我有事件和动作，它们将在 Invoke Application 阶段（之前的阶段）被调用。

我要做的就是在重新渲染视图之前通过 ajax 为特定菜单命令设置包含 xhtml 页面。但是 ui:include 总是在菜单操作之前被调用。我尝试过使用richfaces 4（a4j:param、rich:panel 等）和标准 JSF 2.0（f:param、h:panelGroup）组件，但是 ui:include 总是在之前被调用行动。

在调用 ui:include 之前，我应该如何处理菜单 action（设置包含页面）？

PS。这必须是标准模式，而不是包含静态内容。但是我在网上找到的例子很少？！

Menu.xhtml

<rich:toolbar itemSeparator="line">
...
<rich:dropDownMenu mode="ajax">

    <f:facet name="label">
                <h:panelGroup>
                    <h:outputText value="Menu 1" />
                </h:panelGroup>
            </f:facet>
            <rich:menuItem id="newActivityMenu" action="#{navigationBean.menuAction}" render="content" label="New">
                <a4j:param id="newActivityParam" name="includeContentPage" value="/user/Create.xhtml" />
            </rich:menuItem>
...

NavigationBean.Java

    @ManagedBean
@RequestScoped
public class NavigationBean {

    public String menuAction() {
    String param = JsfUtil.getRequestParameter("includeContentPage");
    this.includedContentPage = param;
    JsfUtil.log(this, "Including Content Page : " +param);

    FacesContext.getCurrentInstance().renderResponse();
    return "";
}

public String getIncludedContentPage() {
    if(includedContentPage == null)
        return "";
    else if(!includedContentPage.endsWith(".xhtml"))
        includedContentPage += ".xhtml";
    JsfUtil.log(this, "Get Content Page : " +includedContentPage);
    return includedContentPage;
    }

layoutClient.xhtml

...
<ui:define name="top">
        <ui:include src="/resources/viewComponents/menuTop.xhtml"/>
    </ui:define>
    <ui:define name="content">                
        <ui:include src="#{navigationBean.includedContentPage}"/>
    </ui:define>
...

ma​​sterLayout.xhtml（已添加）

...
<h:body>
    <div id="top" >
        <ui:insert name="top">Top Default</ui:insert>
    </div>
    <div id="left">
        <ui:insert name="left">Left Default</ui:insert>
    </div>
         <ui:insert name="content">Content Default</ui:insert>
    </h:body>
..

Answer 1

您还必须有一个模板页面，因为您在 layoutClient.xhtml 中定义 top 和 content 所以我认为您试图对 @987654322 过于笼统@page，因为它似乎也可以用作模板。假设您的模板页面名为template.xhtml。您逃避的标准模式是使您的模板页面如下所示：

模板.xhtml

...
<ui:insert name="top">
    <ui:include src="/resources/viewComponents/menuTop.xhtml"/>
</ui:insert>
...
<ui:insert name="content" />
...

这意味着您的所有页面都包含位于“顶部”的菜单（默认情况下，它们可以覆盖此菜单）并且它们必须指定自己的内容，这是有道理的。

现在，与其尝试制作像layoutClient.xhtml 这样的页面，该页面会做一些棘手的事情来确定插入的内容，而是像这样单独创建每个页面：

page1.xhtml

<ui:composition template="template.xhtml">
    ...
    <ui:define name="content">
        <p>This is a page that defines some content and also includes my menu that it inherits from template.xhtml</p>
    </ui:define>
    ...
</ui:composition>

page2.xhtml

<ui:composition template="template.xhtml">
    ...
    <ui:define name="content">
        <p>This is another page that defines some content and also includes my menu that it inherits from template.xhtml</p>
    </ui:define>
    ...
</ui:composition>

这两个页​​面都继承了您的菜单并将内容放在适当的位置。

使用这种配置，您的menuAction() 方法需要做的就是返回指向page1.xhtml 或page2.xhtml 的链接。此外，您不需要任何复杂的参数使用或手动调用renderResponse() 或a4j:param 标签！