Load different jsf page on click of a list item

Question

I am new to JSF. I have a unordered list and a 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>

Now on click of the list items I want to load different xhtml pages using JSF. Is it possible to achieve this usecase? I am using JSF 2.0 and primefaces.

see this please http://stackoverflow.com/questions/20443883/primefaces-ajax-navigation-with-browser-history-hashtag/20760830#20760830 — Hatem Alimam, Jan 13 '14 at 14:25
I don't understand the concrete problem. How exactly does it form a problem to you to just use `` the usual way ...? Are you new to HTML as well? — BalusC, Jan 13 '14 at 14:55

Aritz · Accepted Answer · 2014-01-13T15:01:25.127

Just replace the plain HTML link by a JSF h:link. According to the docs:

Render an HTML "a" anchor element. The value of the component is rendered as the anchor text and the outcome of the component is used to determine the target URL rendered in the "href" attribute.

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

Where the outcome attribute specifies the target navigation case.

See also:

Implicit navigation in JSF 2

Note that's useful for using JSF navigation cases. If you want to just perform a GET request for an external non-JSF url, just use the plain HTML way.

score 0 · Answer 2 · answered Jan 13 '14 at 14:00

0

On click event of <li> element, you can call $('#content').load(Url, successEventHandler)

answered Jan 13 '14 at 14:00

rt2800

3,045
2
19
26

2

Why JavaScript / jQuery for such a simple task? – Alexandre Lavoie Jan 13 '14 at 14:58
@Alex: OP originally tagged question with jQuery (which indeed doesn't make much sense). See question edit history. – BalusC Jan 13 '14 at 15:04

Load different jsf page on click of a list item

2 Answers2