本文概述
它是一个导航组件, 用于提供有关页面层次结构的上下文信息。它显示导航信息, 并允许通过单击导航链接重定向到任何页面。 <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="Home" url="https://www.srcmini02.com/" />
<p:menuitem value="Java" url="https://www.srcmini02.com/java-tutorial" />
<p:menuitem value="Collection" url="https://www.srcmini02.com/collections-in-java" />
<p:menuitem value="ArrayList" url="https://www.srcmini02.com/java-arraylist" />
</p:breadCrumb>
</h:body>
</html>
输出
评论前必须登录!
注册