RichFaces - 菜单组件

RichFaces菜单组件 - 从简单和简单的步骤学习RichFaces从基本概念到高级概念，包括概述，环境设置，体系结构，基本概念，丰富的外观，输入组件，输出组件，迭代组件，选择组件，菜单组件，富树，错误处理。

RichFaces提供了用于创建菜单类型标记的广泛版本的标记.在本章中，我们将学习一些新功能以及旧功能，我们可以在浏览器中轻松渲染菜单.

< rich:dropDownMenu>

使用此标记，开发人员可以创建下拉菜单.此标记对于创建网站标题很有用.在下面的示例中，我们将学习如何在实际生活中使用此标记.创建一个文件并将其命名为"DropDownList.xhtml".将以下代码放入其中.

在上面的例子中，我们创建了一个工具栏，在工具栏中我们创建了一个下拉菜单.可以创建任意数量的下拉菜单.如果你想插入任何基于动作的JS函数，那么你可以在< menuItem>里面实现它.将属性标记为"action".上面的代码将在浏览器中生成以下输出.

File

< rich:contextMenu>

此标记可用于在客户端生成基于事件的下拉列表.它不会自动运行.用户需要创建JS事件，然后才能相应地工作.在下面的示例中，我们将创建渲染图像，然后根据用户响应创建JS事件.以下是xhtml文件.

                 ContextMenu Example                                          // 1 && h > 1 && h<1000 && w<1000) {                      pic.width  =  w;                      pic.heigth  =  h;                   }                }                function enlarge(element){                   resize(element, 1.1);                }                function decrease(element){                   resize(element, 0.9);                }             //]]>

运行上面的示例并选择渲染图像.将显示以下选项"放大"和"缩小".单击相应的选项，所需的功能将应用于图像.上面的代码将在浏览器中生成以下输出.

< rich:组件控件>

只要我们想要从RichFaces环境调用任何其他函数，该组件就是用户友好的.此标记用于调用基于JavaScript的操作类.以下示例演示了如何使用此标记.创建一个文件并将其命名为"componentContent.xhtml"文件.将以下代码放入其中.

                 Component Control Example                                                                                                                                                X                                 Welcome to RICH FACE tutorial at IT屋.com

在上面的代码中，我们使用id"popup"调用"onclick()"函数.一旦我们运行它，它会显示一个带有"Call the popup"的按钮.单击按钮后，RichFaces会在内部调用JS函数并在浏览器中提供以下输出.

Call弹出