jsf - JSF 导航菜单和内容

Question

假设我有一个包含导航菜单和内容“框架”的 xhtml 文件（在 jsf 应用程序中）：

<ul class="nav">
            <li class="nav-item"><a href="#">First</a></li>
            <li class="nav-item"><a href="#">Second</a></li>
            <li class="nav-item"><a href="#">Third</a></li>
</ul>
    </div>
    <div class="col-sm-10" id="content">

    </div>

我想评估任何允许我在#content 中加载目标页面的选项，维护导航列表，而无需重新加载每次都嵌入导航列表的完整页面，具体取决于选择的菜单元素。我试着把

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

在#content 中，但总是包含相同的页面。随意提出任何涉及 facelets、primefaces 和/或相关工具的解决方案。如果需要控制器，我更喜欢 js 而不是 java。在此先感谢，如果需要更多详细信息，请告诉我。

标签： jsfprimefacesxhtmlnavbar