📌 相关文章
- RichFaces Rich：List(1)
- RichFaces Rich：List
- RichFaces Rich：Select(1)
- RichFaces Rich：Select
- RichFaces Rich：日历(1)
- RichFaces Rich：日历
- RichFaces Rich：工具栏
- RichFaces Rich：工具栏(1)
- RichFaces Rich：Message
- RichFaces Rich：Message(1)
- RichFaces Rich：Tree
- RichFaces-Rich Tree(1)
- RichFaces Rich：Tree(1)
- RichFaces-Rich Tree
- RichFaces Rich：Datatable(1)
- RichFaces Rich：Datatable
- RichFaces Rich：Editor(1)
- RichFaces Rich：Panel(1)
- RichFaces Rich：Panel
- RichFaces Rich：Editor
- RichFaces Rich：工具提示
- RichFaces Rich：工具提示(1)
- RichFaces Rich：DataGrid
- RichFaces Rich：DataGrid(1)
- RichFaces Rich：Progressbar
- RichFaces Rich：Progressbar(1)
- RichFaces Rich：AutoComplete
- RichFaces Rich：AutoComplete(1)
- RichFaces Rich：Messages(1)
📜 RichFaces Rich：DropDownMenu
📅 最后修改于: 2021-01-08 12:42:08 🧑 作者: Mango
RichFaces
它用于创建下拉菜单或分层菜单。我们可以将其与< rich：toolbar >组件一起使用，以在应用程序的工具栏中创建菜单。
它需要label属性用于基本用法。我们可以使用label属性来设置显示为菜单标题的文本标签。
样式类和皮肤参数
下表包含dropDownMenu的样式类(选择器)和相应的外观参数。
| Class | Function | Skin Parameters | Mapped CSS properties |
|---|---|---|---|
| .rf-ddm-lbl | It is used to define styles for the label of the drop-down menu. | headerFamilyFont | font-family |
| .rf-ddm-dis | It is used to define styles for the drop-down menu when it is disabled. | tabDisabledTextColor | color |
| .rf-ddm-lbl-dis | It is used to define styles for the label of the drop-down menu when it is disabled. | headerFamilyFont | font-family |
| .rf-ddm-pos | It is used to define the positioning of the drop-down menu. | No skin parameters. | |
| .rf-ddm-lbl-unsel | It is used to define styles for the label of the drop-down menu when it is unselected. | No skin parameters. | |
| .rf-ddm-lst | It is used to define styles for the drop-down list. | panelBorderColor additionalBackgroundColor |
border-color background-color |
| .rf-ddm-lst-bg | It is used to define styles for the background of the drop-down list. | additionalBackgroundColor | border-color |
| .rf-ddm-sublst | It is used to define the positioning of the menu when used as a sub-menu. | No skin parameters. | |
| .rf-ddm-itm | It is used to define styles for a menu item. | generalFamilyFont generalSizeFont |
font-family font-size |
| .rf-ddm-itm-sel | It is used to define styles for a menu item when it is selected. | tabBackgroundColor | background-color |
| .rf-ddm-itm-unsel | It is used to define styles for a menu item when it is unselected. | No skin parameters. | |
| .rf-ddm-itm-dis | It is used to define styles for a menu item when it is disabled. | tabDisabledTextColor | color |
| .rf-ddm-itm-lbl | It is used to define styles for the label in a menu item. | generalTextColor | color |
| .rf-ddm-itm-ic | It is used to define styles for the icon in a menu item. | No skin parameters. | |
| .rf-ddm-emptyIcon | It is used to define styles for an empty icon in a menu item. | No skin parameters. | |
| .rf-ddm-sep | It is used to define styles for a menu separator. | panelBorderColor | border-top-color |
| .rf-ddm-nd | It is used to define styles for a menu node. | No skin parameters. |
例
在这里，在下面的示例中，我们正在实现< rich：dropDownMenu >组件。本示例包含以下文件。
JSF文件
// drop-down-menu.xhtml
Drop Down Menu
输出：
