RichFaces rich（toolbar用法示例） _工具栏

本文概述

样式类和皮肤参数
例子

< rich：toolbar> 组件是水平工具栏。任何JavaServer Faces(JSF)组件都可以添加到工具栏。
【RichFaces rich（toolbar用法示例）】< rich：toolbar> 组件不需要为基本用法定义任何属性。将子组件添加到< rich：toolbar> 组件, 以使其在呈现时出现在工具栏上。
样式类和皮肤参数下表包含工具栏的样式类和相应的外观参数。

Class	Function	Skin Parameters	映射的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文件
//工具栏.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="http://www.srcmini.com/News" /> < h:commandLink value="http://www.srcmini.com/Reviews" /> < h:commandLink value="http://www.srcmini.com/Galleries" /> < /rich:toolbar> < /h:form> < /h:body> < /f:view> < /ui:composition>

输出