2010-05-11 66 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你可以找到你的问题合适的答案,我希望这将有助于接下来的提问