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

【问题标题】：Load different jsf page on click of a list item单击列表项加载不同的 jsf 页面
【发布时间】：2014-01-13 13:55:21
【问题描述】：

我是 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。

任何帮助将不胜感激。

【问题讨论】：

请看这个stackoverflow.com/questions/20443883/…
我不明白具体问题。以通常的方式使用<a href="somepage.xhtml"> 对您来说究竟是什么问题......？您也是 HTML 新手吗？

标签： jsf jsf-2 primefaces

【解决方案1】：

只需将纯 HTML 链接替换为 JSF h:link。根据docs：

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

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

outcome 属性指定目标导航案例。

另请参阅：

Implicit navigation in JSF 2

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

【讨论】：

【解决方案2】：

在<li>元素的click事件上，你可以调用$('#content').load(Url, successEventHandler)

【讨论】：

为什么用 JavaScript / jQuery 来完成这么简单的任务？
@Alex：OP 最初用 jQuery 标记问题（这确实没有多大意义）。查看问题编辑历史记录。