HTML and CSS Reference
In-Depth Information
Table 9-3.
RichFaces Components Overview
Component
Description
Accordion
The <rich:accordion> is a series of panels stacked on top of each other, each collapsed such
that only the header of the panel is showing. When the header of a panel is clicked, it is
expanded to show the content of the panel. Clicking on a different header will collapse the
previous panel and expand the selected one. Each panel contained in a <rich:accordion>
component is a <rich:accordionItem> component.
Autocomplete
The <rich:autocomplete> component is an auto-completing input-box with built-in Ajax.
Calendar
The <rich:calendar> component allows the user to enter a date and time through an inline or
pop-up calendar.
CollapsiblePanel
The <rich:collapsiblePanel> component is a collapsible panel that shows or hides content
when the header bar is activated. It is a simplified version of <rich:togglePanel> component.
ContextMenu
The <rich:contextMenu> component is used for creating a hierarchical context menu that
is activated on events like onmouseover, onclick, etc. The component can be applied to any
element on the page.
DataGrid
The <rich:dataGrid> component is used to arrange data objects in a grid. Values in the grid
can be updated dynamically from the data model, and Ajax updates can be limited to specific
rows. The component supports header, footer, and caption facets.
DataScroller
The <rich:dataScroller> component is used for navigating through multiple pages of tables
or grids.
DataTable
The <rich:dataTable> component is used to render a highly customizable table, including the
table's caption. It works in conjunction with the <rich:column> and <rich:columnGroup>
components to list the contents of a data model.
DragIndicator
The <rich:dragIndicator> component defines a graphical element to display under the
mouse cursor during a drag-and-drop operation.
DragSource
The <rich:dragSource> component can be added to a component to indicate it is capable of
being dragged by the user. The dragged item can then be dropped into a compatible drop
area, designated using the <rich:dropTarget> component.
DropDownMenu
The <rich:dropDownMenu> component is used for creating a drop-down, hierarchical menu.
It can be used with the <rich:toolbar> component to create menus in an application's toolbar.
DropTarget
The <rich:dropTarget> component can be added to a component so that the component can
accept dragged items. The dragged items must be defined with a compatible drop type for
the <rich:dragSource> component.
Editor
The <rich:editor> component is used for creating a WYSIWYG editor on a page.
ExtendedDataTable
The <rich:extendedDataTable> component builds on the functionality of the
<rich:dataTable> component, adding features such as scrolling for the table body (both
horizontal and vertical), Ajax loading for vertical scrolling, frozen columns, row selection,
and rearranging of columns. It also supports all the basic table features such as sorting,
filtering, and paging using the <rich:dataScroller> component.
FileUpload
The <rich:fileUpload> component allows the user to upload files to a server. It features
multiple uploads, progress bars, restrictions on file types, and restrictions on sizes of the files
to be uploaded.
(
continued
)
