本文概述
<rich:toolbar>组件是水平工具栏。任何JavaServer Faces(JSF)组件都可以添加到工具栏。
<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="News" />
<h:commandLink value="Reviews" />
<h:commandLink value="Galleries" />
</rich:toolbar>
</h:form>
</h:body>
</f:view>
</ui:composition>
输出
评论前必须登录!
注册