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中，但这将始终包含同一页面。 随意提出任何涉及面，素面和/或相关工具的解决方案。如果需要一个控制器，我更喜欢一个js而不是一个Java。 预先感谢，让我知道是否需要更多详细信息。