个性化阅读
专注于IT技术分析

PrimeFaces面包屑导航用法

本文概述

它是一个导航组件, 用于提供有关页面层次结构的上下文信息。它显示导航信息, 并允许通过单击导航链接重定向到任何页面。 <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>

输出

PrimeFaces面包屑导航用法1
赞(0)
未经允许不得转载:srcmini » PrimeFaces面包屑导航用法

评论 抢沙发

评论前必须登录!