RichFaces rich（dropDownMenu用法示例） rich组件|RichFaces

本文概述

样式类和皮肤参数
例子

它用于创建下拉菜单或分层菜单。我们可以将其与< rich：toolbar> 组件一起使用, 以在应用程序的工具栏中创建菜单。
【RichFaces rich（dropDownMenu用法示例）】它需要label属性用于基本用法。我们可以使用label属性来设置显示为菜单标题的文本标签。
样式类和皮肤参数下表包含dropDownMenu的样式类(选择器)和相应的外观参数。

Class	Function	皮肤参数	映射的CSS属性
.rf-ddm-lbl	它用于定义下拉菜单标签的样式。	headerFamilyFont	font-family
.rf-ddm-dis	禁用时, 用于定义下拉菜单的样式。	tabDisabledTextColor	color
.rf-ddm-lbl-dis	禁用下拉菜单时, 可用于定义样式。	headerFamilyFont	font-family
.rf-ddm-pos	它用于定义下拉菜单的位置。	没有皮肤参数。
.rf-ddm-lbl-unsel	未选中时, 用于定义下拉菜单标签的样式。	没有皮肤参数。
.rf-ddm-lst	它用于定义下拉列表的样式。	panelBorderColor additionalBackgroundColor	border-color background-color
.rf-ddm-lst-bg	它用于定义下拉列表背景的样式。	additionalBackgroundColor	border-color
.rf-ddm-sublst	当用作子菜单时, 用于定义菜单的位置。	没有皮肤参数。
.rf-ddm-itm	它用于定义菜单项的样式。	generalFontFont generalSizeFont	字体家族字体大小
.rf-ddm-itm-sel	当选择菜单项时, 它用于定义样式。	tabBackgroundColor	background-color
.rf-ddm-itm-unsel	当未选择菜单项时, 它用于定义样式。	没有皮肤参数。
.rf-ddm-itm-dis	用于禁用菜单项时定义样式。	tabDisabledTextColor	color
.rf-ddm-itm-lbl	它用于定义菜单项中标签的样式。	generalTextColor	color
.rf-ddm-itm-ic	它用于定义菜单项中图标的样式。	没有皮肤参数。
.rf-ddm-emptyIcon	它用于为菜单项中的空图标定义样式。	没有皮肤参数。
.rf-ddm-sep	它用于定义菜单分隔符的样式。	panelBorderColor	border-top-color
.rf-ddm-nd	它用于定义菜单节点的样式。	没有皮肤参数。

例子在下面的示例中, 我们正在实现< rich：dropDownMenu> 组件。本示例包含以下文件。
JSF文件
// drop-down-menu.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> Drop Down Menu < /title> < /h:head> < h:body> < h:form> < rich:toolbar> < rich:dropDownMenu> < f:facet name="label"> < h:outputText value="http://www.srcmini.com/File" /> < /f:facet> < rich:menuItem label="New" /> < rich:menuItem label="Open File..." /> < rich:menuItem label="Close" /> < rich:menuItem label="Close All" /> < /rich:dropDownMenu> < rich:dropDownMenu> < f:facet name="label"> < h:outputText value="http://www.srcmini.com/Edit" /> < /f:facet> < rich:menuItem label="Cut" /> < rich:menuItem label="Undo" /> < rich:menuItem label="Redo" /> < /rich:dropDownMenu> < rich:dropDownMenu> < f:facet name="label"> < h:outputText value="http://www.srcmini.com/Help" /> < /f:facet> < rich:menuItem label="About Us" /> < /rich:dropDownMenu> < /rich:toolbar> < /h:form> < /h:body> < /f:view> < /ui:composition>

输出