Primefaces页面布局，树形菜单作为导航

Question

我正在使用带有'的素数3.1，有四个位置。在西部位置（西部），我添加了树菜单。JSF 代码如下

<p:layoutUnit position="west" size="200" header="Left"
            resizable="true" collapsible="true">
            <h:form>
                <p:tree dynamic="true" value="#{treeBean.root}" var="node" id="tree"
                    selectionMode="single">
                    <p:treeNode id="treeNode">
                        <h:outputText value="#{node}" id="lblNode" />
                    </p:treeNode>
                </p:tree>
            </h:form>
        </p:layoutUnit>

在树豆我有

root = new DefaultTreeNode("Root", null);  
        TreeNode node0 = new DefaultTreeNode("Color", root);  

        TreeNode node00 = new DefaultTreeNode("Red", node0);  
        TreeNode node01 = new DefaultTreeNode("Blue", node0);
        TreeNode node02 = new DefaultTreeNode("Green", node0);

当我展开并单击其中一个节点以及单击相应的节点时，是否可以进行导航，如何在布局的中心位置显示 jsf 页面。 即，如果我单击节点 Blue，理想情况下，我希望将另一个 jsf 页面加载到布局的中心位置。

任何帮助都是非常可观的。

谢谢

更新 1

我添加了以下代码，它会执行导航以启动.xhtml。但是，start.xhtml 不显示在我的布局中，start.xhtml 显示为新页面。

public void onNodeSelect(NodeSelectEvent event) {
        try {
            System.out.println(" here " + event.getTreeNode().getData());
            FacesContext
                    .getCurrentInstance()
                    .getApplication()
                    .getNavigationHandler()
                    .handleNavigation(FacesContext.getCurrentInstance(),
                            "null", "/start.xhtml?faces-redirect=true");
        } catch (Exception e) {
            logger.info("error "+e.getMessage());
            // TODO: handle exception
        } 

Answer 1

这是

在布局的帮助下实现的。为应用程序定义布局模板。示例显示在此处...

我的布局模板.xhtml

       <p:layout>
        <p:layoutUnit position="east" header="Menu"  collapsed="true" scrollable="true" collapsible="true" >
            <ui:insert name="appMenu">
                Place Your menu here ...
            </ui:insert>
        </p:layoutUnit>
        <p:layoutUnit position="center" scrollable="true">
            <ui:insert name="pageContent">
                Page Content is loaded here .....
            </ui:insert>
        </p:layoutUnit>
    </p:layout>

在您的页面中.xhtml单击菜单项时将加载，.....

<ui:composition template="myLayoutTemplate.xhtml">
    <ui:define name="pageContent">
    </ui:define>
</ui:composition>

Answer 2

我认为这篇文章对你非常有用 将一个 xhtml 包含在另一个 JSF 中

它描述了您如何创建模板，然后在您的template client中使用它。 @rags已经告诉过你，但你真的不必使用 <p:layout> .上面链接的文章更精确。我相信你会在那里找到你需要的东西。问候