RichFaces <rich:toolbar>

2025 年 3 月 17 日 | 阅读 1 分钟

<rich:toolbar>组件是一个水平工具栏。任何JavaServer Faces（JSF）组件都可以添加到工具栏中。

<rich:toolbar>组件不需要定义任何属性即可基本使用。将子组件添加到<rich:toolbar>组件，使它们在渲染时显示在工具栏上。

样式类和皮肤参数

下表包含工具栏的样式类和相应的皮肤参数。

Class	函数	皮肤参数	映射的 CSS 属性
.rf-tb	用于定义工具栏本身的样式。	panelBorderColor headerTextColor	border-color color
.rf-tb-itm	用于定义工具栏中某个项目的样式。	无皮肤参数。
.rf-tb-sep	用于定义工具栏中分隔符的样式。	无皮肤参数。
.rf-tb-sep-grid, .rf-tb-sep-line, .rf-tb-sep-disc, .rf-tb-sep-square	这些类定义网格、线、圆盘和正方形分隔符的样式。	无皮肤参数。
.rf-tb-cntr	用于定义工具栏容器的样式。	无皮肤参数。

示例

在这里，在下面的示例中，我们正在实现<rich:toolbar>组件。此示例包含以下文件。

JSF 文件

// tool-bar.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view>
<h:head>
<title>Toolbar </title>
</h:head>
<h:body>
<h:form>
<rich:toolbar>
<h:commandLink value="News" />
<h:commandLink value="Reviews" />
<h:commandLink value="Galleries" />
</rich:toolbar>
</h:form>
</h:body>
</f:view>
</ui:composition>

输出

下一个主题RichFaces <rich:message>

← 上一个下一个 →

RichFaces <rich:toolbar>

样式类和皮肤参数

示例

JSF 文件

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

RichFaces 教程

Ajax 组件

皮肤和主题

UI 组件

面试题

RichFaces <rich:toolbar>

样式类和皮肤参数

示例

JSF 文件

相关帖子

rich:fileUpload

rich:progressBar

rich:pickList

rich:autocomplete

rich:dataScroller

rich:tooltip

rich:calendar

rich:messages

rich:inputNumberSpinner

rich:select

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器