单击列表项时加载不同的 jsf 页面

Question

我是 JSF 新手。我有一个无序列表和一个 div。

            <ul class="nav navbar-nav">
                <li><a href="#TestPage">Test Page</a></li>
                <li><a href="#">Item1</a></li>
                <li><a href="#">Item2</a></li>
                <li><a href="#">item3</a></li>
            </ul>
            <div id="content"></div>

现在单击列表项，我想使用 JSF 加载不同的 xhtml 页面。是否有可能实现这个用例？我正在使用 JSF 2.0 和 primefaces。

Answer 1

只需将纯 HTML 链接替换为 JSF

h:link

。根据文档：

渲染 HTML“a”锚元素。组件的值呈现为锚文本，组件的结果用于确定“href”属性中呈现的目标 URL。

<li><h:link outcome="TestPage" value="Test Page" /></li>

其中

outcome

属性指定目标导航情况。

另请参阅：

• JSF 2 中的隐式导航

---

请注意，这对于使用 JSF 导航案例很有用。如果您只想对外部非 JSF url 执行 GET 请求，只需使用纯 HTML 方式即可。

Answer 2

在

click

元素的

<li>

事件上，您可以调用

$('#content').load(Url, successEventHandler)