2014-01-13 17 views
0

我是JSF的新手。我有一個無序列表和一個div。點擊某個列表項加載不同的jsf頁面

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

任何幫助將非常感激。

+0

看到這個請 http://stackoverflow.com/questions/20443883/primefaces-ajax-navigation-with-browser-history-hashtag/20760830#20760830 –

+1

我不明白的具體問題。它究竟如何形成一個問題,只是使用''通常的方式......?你是否也是HTML新手? – BalusC

回答

2

只是由JSF h:link代替普通的HTML鏈接。根據docs

渲染HTML「a」錨點元素。組件的值呈現爲錨文本,組件的結果用於確定在「href」屬性中呈現的目標URL。

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

outcome屬性指定目標導航情況。

參見:


注意這是使用JSF導航的情況下非常有用。如果您只想執行GET請求外部非JSF網址,請使用純HTML方式。

0

click事件<li>的元素,你可以叫$('#content').load(Url, successEventHandler)

+2

爲什麼JavaScript/jQuery這麼簡單的任務? –

+0

@Alex:OP最初用jQuery標記的問題(這確實沒什麼意義)。查看問題編輯歷史。 – BalusC

+0

@BalusC哦,我的上帝:) –