📌  相关文章
📜  RichFaces Rich：PanelMenu

📅  最后修改于: 2021-01-08 12:43:05             🧑  作者: Mango

RichFaces

该组件与和结合使用，以创建扩展的分层菜单。 组件的外观可以进行高度自定义，并且层次结构可以扩展到任意数量的子级别。

组件不需要为基本用法声明任何其他属性。但是，它确实需要子和组件。

样式类和皮肤参数

下表包含panelMenu的样式类和相应的外观参数。

Class Function Skin Parameters Mapped CSS properties
.rf-pm It is used to define styles for the panel menu itself. No skin parameters.
.rf-pm-gr It is used to define styles for a panel menu group. panelBorderColor border-top-color
.rf-pm-exp, .rf-pm-colps These classes define styles for the panel menu when it is expanded or collapsed. No skin parameters.
.rf-pm-ico It is used to define styles for the panel menu icons. No skin parameters.
.rf-pm-ico-exp, .rf-pm-ico-colps These classes define styles for the panel menu icons when they are expanded or collapsed. No skin parameters.
.rf-pm-hdr-exp, .rf-pm-hdr-colps These classes define styles for the panel menu headers when they are expanded or collapsed. No skin parameters.
.rf-pm-itm It is used to define styles for a panel menu item. panelBorderColor
generalTextColor 		border-top-color
color
.rf-pm-itm-gr It is used to define styles for a panel menu item as part of a panel menu group. No skin parameters.
.rf-pm-itm:hover It is used to define styles for a panel menu item when the mouse hovers over it. additionalBackgroundColor background-color
.rf-pm-itm-sel It is used to define styles for a panel menu item when it is selected. No skin parameters.
.rf-pm-itm-dis It is used to define styles for a panel menu item when it is disabled. tabDisabledTextColor color
.rf-pm-itm-ico It is used to define styles for the icon in a panel menu item. No skin parameters.
.rf-pm-itm-exp-ico It is used to define styles for the icon in a panel menu item when it is expanded. No skin parameters.
.rf-pm-itm-lbl It is used to define styles for the label in a panel menu item. generalSizeFont
generalFamilyFont 		font-size
font-family
.rf-pm-gr It is used to define styles for a panel menu group. panelBorderColor border-top-color

例

在下面的示例中，我们正在实现< rich：panelMenu >组件。本示例包含以下文件。

JSF文件

// panel-menu.xhtml




Panel Menu

输出：

默认情况下，面板处于折叠状态。

我们可以通过单击来扩展面板。