PrimeFaces面包屑导航用法

本文概述

  • BreadCrumb属性
  • 例子
它是一个导航组件, 用于提供有关页面层次结构的上下文信息。它显示导航信息, 并允许通过单击导航链接重定向到任何页面。 < p:breadCrumb> 组件用于在JSF应用程序中创建导航。重要属性如下表所示。
BreadCrumb属性
Attribute Default value Type Description
model null MenuModel 它用于以编程方式创建菜单。
style null String 用于设置主容器元素的样式。
styleClass null String 用于设置主容器的样式类。
homeDisplay icon String 用于定义根链接的显示模式。
例子 在下面的示例中, 我们正在实现< p:breadCrumb> 组件。本示例包含以下文件。
JSF文件
// BreadCrumb.xhtml
< ?xml version='1.0' encoding='UTF-8' ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"> < h:head> < title> BreadCrumb< /title> < /h:head> < h:body> < p:breadCrumb> < p:menuitem value="http://www.srcmini.com/Home" url="https://www.srcmini.com/" /> < p:menuitem value="http://www.srcmini.com/Java" url="https://www.srcmini.com/java-tutorial" /> < p:menuitem value="http://www.srcmini.com/Collection" url="https://www.srcmini.com/collections-in-java" /> < p:menuitem value="http://www.srcmini.com/ArrayList" url="https://www.srcmini.com/java-arraylist" /> < /p:breadCrumb> < /h:body> < /html>

【PrimeFaces面包屑导航用法】输出
PrimeFaces面包屑导航用法

文章图片

    推荐阅读