2010-05-11 65 views
7

據我所知,有兩種「種類」的麪包屑。是否有用於實現麪包屑導航的JSF組件?

靜態/層次中的一個

  • 就像一個堆棧,當用戶進入「更深」進入網站時,用戶進入「上升」
  • 條目POP操作爲
  • 條目推該網站
  • 對於所有用戶(對於給定頁面)是相同的
  • 顯示位置而不是歷史

一個簡單的實施例將是HOME - > BIG CATEGORY - >小分類 - > ARTICLE

動態/歷史一個

  • 就像一個隊列
  • 條目在推當用戶轉到另一頁時結束
  • 當達到最大尺寸時從前面刪除條目
  • 不同對於每個用戶來說,因爲它是個性化的。
  • 顯示時間軸/歷史記錄而非位置。

一個簡單的例子是小分類 - >首頁 - >產品大類 - >主頁

的問題是:

是否有這些類型的導航任何現成的JSF組件?

回答

2

看到primefaces,有很多組件,你可以找到痕跡太 http://www.primefaces.org:8080/showcase/ui/breadCrumb.jsf

+0

不錯,但是這僅僅是演示的一部分。我對利用JSF的後端部分感興趣。我可以使用jQuery/CSS輕鬆創建一個吸引用戶的麪包屑。 – kazanaki 2010-05-11 10:53:37

+0

@kazanaki:你與自己的問題相矛盾。你正在尋求一個JSF組件。但你顯然更感興趣如何自己實現一個。那麼,它是開源的。看一看。特立尼達也有一個順便說一句。 – BalusC 2010-05-11 12:09:37

+0

@BalusC:我明白你在說什麼,也許我的問題不清楚。假設我選擇了黃素成分。然後,除非我被誤解了,否則我仍然需要手動創建一個服務器端的數據結構,這樣primefaces將只會渲染。我期望插入FACEScontext的東西,並自動跟蹤頁面重定向。否則,在這個數據結構上,我從primefaces獲得的數據比簡單的迭代器和h:outputtext多少?我不想自己實施任何事情。較少的代碼是最好的。但是我用primefaces組件填補了我並沒有真正獲得任何東西。 – kazanaki 2010-05-11 13:49:59

0

我有同樣的問題!但我覺得解決方案將是@BalusC提到的解決方案

現在,我只使用breadcrumb獲取當前視圖路徑。

<h:form id="breadcrumb"> 
         <p:breadCrumb> 
          <p:menuitem value="#{bundle.Index}" action="/index?faces-redirect=true" immediate="true"/> 
          <p:menuitem value="#{view.viewId.substring(0, view.viewId.length()-6)}" url="#{view.viewId.substring(0, view.viewId.length()-6)}.jsf" ajax="false"/> 

         </p:breadCrumb> 
        </h:form> 

我使用.jsf的面孔URL模式和自viewid =/ * .xhtml **,我不得不串吧,去掉.xhtml串並添加.jsf串。

所以我們需要一個支持bean來完成獲取viewid(路徑)的工作並將其放入一個有序列表中。 使用javascript:history.back()和history.forward()也是可以的!

0

this link你可以找到你的問題合適的答案,我希望這將有助於接下來的提問