⁠Part II. User interface components

Table of Contents

10. Rich inputs
10.1. <rich:autocomplete>
10.1.1. Basic usage
10.1.2. Submission modes
10.1.3. Interactivity options
10.1.4. Customizing the filter in client and lazyClient modes
10.1.5. JavaScript API
10.1.6. Reference data
10.1.7. Style classes and skin parameters
10.2. <rich:calendar>
10.2.1. Basic usage
10.2.2. Behavior and appearance
10.2.3. Time of day
10.2.4. Localization and formatting
10.2.5. Using a data model
10.2.6. Client-side customization
10.2.7. JavaScript API
10.2.8. Reference data
10.2.9. Style classes and skin parameters
10.3. <rich:editor>
10.3.1. Basic usage
10.3.2. Styling
10.3.3. Editor skins
10.3.4. Advanced configuration
10.3.5. Toolbar customization
10.3.6. Internationalization and localization
10.3.7. Client-side event handlers
10.3.8. JavaScript API
10.3.9. Reference data
10.3.10. Style classes and skin parameters
10.4. <rich:fileUpload>
10.4.1. Basic usage
10.4.2. Upload settings
10.4.3. Sanitizing file upload input
10.4.4. Interactivity options
10.4.5. <rich:fileUpload> client-side events
10.4.6. Reference data
10.4.7. Style classes and skin parameters
10.5. <rich:inplaceInput>
10.5.1. Basic usage
10.5.2. Interactivity options
10.5.3. JavaScript API
10.5.4. Reference data
10.5.5. Style classes and skin parameters
10.6. <rich:inplaceSelect>
10.6.1. Basic usage
10.6.2. Interactivity options
10.6.3. JavaScript API
10.6.4. Reference data
10.6.5. Style classes and skin parameters
10.7. <rich:inputNumberSlider>
10.7.1. Basic usage
10.7.2. Interactivity options
10.7.3. JavaScript API
10.7.4. Reference data
10.7.5. Style classes and skin parameters
10.8. <rich:inputNumberSpinner>
10.8.1. Basic usage
10.8.2. Interactivity options
10.8.3. JavaScript API
10.8.4. Reference data
10.8.5. Style classes and skin parameters
10.9. <rich:select>
10.9.1. Basic usage
10.9.2. Using manual input
10.9.3. Advanced options
10.9.4. JavaScript API
10.9.5. Reference data
10.9.6. Style classes and skin parameters
10.10. <rich:orderingList>
10.10.1. Basic usage
10.10.2. Column Layout
10.10.3. JavaScript API
10.10.4. Reference data
10.10.5. Style classes and skin parameters
10.11. <rich:pickList>
10.11.1. Basic usage
10.11.2. Column Layout
10.11.3. JavaScript API
10.11.4. Reference data
10.11.5. Style classes and skin parameters
11. Panels
11.1. <rich:panel>
11.1.1. Basic usage
11.1.2. Adding a header
11.1.3. Reference data
11.1.4. Style classes and skin parameters
11.2. <rich:accordion>
11.2.1. Basic usage
11.2.2. Switching panels
11.2.3. <rich:accordion> client-side events
11.2.4. <rich:accordion> server-side events
11.2.5. JavaScript API
11.2.6. Reference data
11.2.7. Style classes and skin parameters
11.2.8. <rich:accordionItem>
11.3. <rich:collapsiblePanel>
11.3.1. Basic usage
11.3.2. Expanding and collapsing the panel
11.3.3. Appearance
11.3.4. <rich:collapsiblePanel> server-side events
11.3.5. JavaScript API
11.3.6. Reference data
11.3.7. Style classes and skin parameters
11.3.8. <rich:panelToggleListener>
11.4. <rich:popupPanel>
11.4.1. Basic usage
11.4.2. Showing and hiding the pop-up
11.4.3. Modal and non-modal panels
11.4.4. Size and positioning
11.4.5. Header and controls
11.4.6. Contents of the pop-up
11.4.7. JavaScript API
11.4.8. Reference data
11.4.9. Style classes and skin parameters
11.5. <rich:tabPanel>
11.5.1. Switching panels
11.5.2. <rich:tabPanel> client-side events
11.5.3. <rich:tabPanel> server-side events
11.5.4. JavaScript API
11.5.5. Reference data
11.5.6. Style classes and skin parameters
11.5.7. <rich:tab>
11.6. <rich:togglePanel>
11.6.1. Basic usage
11.6.2. Dynamic panel item generation
11.6.3. Toggling between components
11.6.4. JavaScript API
11.6.5. Reference data
11.6.6. <rich:itemChangeListener>
11.6.7. <rich:toggleControl>
11.6.8. <rich:togglePanelItem>
12. Tables and grids
12.1. <a4j:repeat>
12.1.1. Basic usage
12.1.2. Limited views and partial updates
12.1.3. Reference data
12.2. <rich:dataTable>
12.2.1. Basic usage
12.2.2. Customizing the table
12.2.3. Partial updates
12.2.4. Meta-components
12.2.5. JavaScript API
12.2.6. Reference data
12.2.7. Style classes and skin parameters
12.3. <rich:column>
12.3.1. Basic usage
12.3.2. Spanning columns
12.3.3. Spanning rows
12.3.4. Reference data
12.4. <rich:columnGroup>
12.4.1. Complex headers
12.4.2. Reference data
12.5. <rich:collapsibleSubTable>
12.5.1. Basic usage
12.5.2. Expanding and collapsing the sub-table
12.5.3. Reference data
12.5.4. Style classes
12.5.5. <rich:collapsibleSubTableToggler>
12.6. <rich:extendedDataTable>
12.6.1. Basic usage
12.6.2. Table appearance
12.6.3. Extended features
12.6.4. JavaScript API
12.6.5. Reference data
12.6.6. Style classes and skin parameters
12.7. <rich:dataGrid>
12.7.1. Basic usage
12.7.2. Customizing the grid
12.7.3. Partial updates
12.7.4. Reference data
12.7.5. Style classes and skin parameters
12.8. <rich:list>
12.8.1. Basic usage
12.8.2. Type of list
12.8.3. Bullet and numeration appearance
12.8.4. Customizing the list
12.8.5. Reference data
12.8.6. Style classes and skin parameters
12.9. <rich:dataScroller>
12.9.1. Basic usage
12.9.2. Appearance and interactivity
12.9.3. JavaScript API
12.9.4. Reference data
12.9.5. Style classes and skin parameters
12.10. Table filtering
12.10.1. Filter Definition
12.10.2. Built-in filter controls
12.10.3. External filter controls
12.11. Table sorting
12.11.1. Comparator Definition
12.11.2. Built-in sort controls
12.11.3. External sort controls
13. Trees
13.1. <rich:tree>
13.1.1. Basic usage
13.1.2. Appearance
13.1.3. Expanding and collapsing tree nodes
13.1.4. Selecting tree nodes
13.1.5. Identifying nodes with the rowKeyConverter attribute
13.1.6. Event handling
13.1.7. Reference data
13.1.8. Style classes
13.1.9. <rich:treeSelectionChangeListener>
13.1.10. <rich:treeNode>
13.2. Tree adaptors
13.2.1. <rich:treeModelAdaptor>
13.2.2. <rich:treeModelRecursiveAdaptor>
14. Menus and toolbars
14.1. <rich:dropDownMenu>
14.1.1. Basic usage
14.1.2. Menu content
14.1.3. Appearance
14.1.4. Expanding and collapsing the menu
14.1.5. Reference data
14.1.6. Style classes and skin parameters
14.2. <rich:contextMenu>
14.2.1. Basic usage
14.2.2. Appearance
14.2.3. Expanding and collapsing the menu
14.2.4. Reference data
14.2.5. Style classes and skin parameters
14.3. Menu sub-components
14.3.1. <rich:menuItem>
14.3.2. <rich:menuGroup>
14.3.3. <rich:menuSeparator>
14.4. <rich:panelMenu>
14.4.1. Basic usage
14.4.2. Interactivity options
14.4.3. Appearance
14.4.4. Submission modes
14.4.5. <rich:panelMenu> server-side events
14.4.6. JavaScript API
14.4.7. Reference data
14.4.8. Style classes and skin parameters
14.4.9. <rich:panelMenuGroup>
14.4.10. <rich:panelMenuItem>
14.5. <rich:toolbar>
14.5.1. Basic usage
14.5.2. Appearance
14.5.3. Grouping items
14.5.4. Reference data
14.5.5. Style classes and skin parameters
14.5.6. <rich:toolbarGroup>
15. Output and messages
15.1. <rich:chart>
15.1.1. Basic Usage
15.1.2. Data Input
15.1.3. Chart Customization
15.1.4. Advanced Customization
15.1.5. Interactivity Options
15.1.6. <rich:chart> Server-side Events
15.1.7. <rich:chart> Client-side Events
15.1.8. JavaScript API
15.1.9. Reference Data
15.2. <rich:message>
15.2.1. Basic usage
15.2.2. Appearance
15.2.3. Reference data
15.2.4. Style classes and skin parameters
15.3. <rich:messages>
15.3.1. Basic usage
15.3.2. Appearance
15.3.3. Reference data
15.3.4. Style classes and skin parameters
15.4. <rich:notify>
15.4.1. Basic usage
15.4.2. Customizing notifications
15.4.3. Reference data
15.4.4. Style classes and skin parameters
15.5. <rich:notifyMessage>
15.5.1. Basic usage
15.5.2. Reference data
15.5.3. Style classes and skin parameters
15.6. <rich:notifyMessages>
15.6.1. Reference data
15.6.2. Style classes and skin parameters
15.7. <rich:notifyStack>
15.7.1. Basic usage
15.7.2. Positioning notifications
15.7.3. Stacking notifications
15.7.4. Reference data
15.7.5. Style classes and skin parameters
15.8. <rich:progressBar>
15.8.1. Basic usage
15.8.2. Customizing the appearance
15.8.3. Update mode
15.8.4. Using set intervals
15.8.5. JavaScript API
15.8.6. Reference data
15.8.7. Style classes and skin parameters
15.9. <rich:tooltip>
15.9.1. Basic usage
15.9.2. Attaching the tool-tip to another component
15.9.3. Appearance
15.9.4. Update mode
15.9.5. <rich:tooltip> client-side events
15.9.6. JavaScript API
15.9.7. Reference data
15.9.8. Style classes and skin parameters
16. Drag and drop
16.1. <rich:dragSource>
16.1.1. Basic usage
16.1.2. Dragging an object
16.1.3. Reference data
16.2. <rich:dropTarget>
16.2.1. Basic usage
16.2.2. Handling dropped data
16.2.3. Reference data
16.2.4. Style classes
16.3. <rich:dragIndicator>
16.3.1. Basic usage
16.3.2. Styling the indicator
16.3.3. Reference data
16.3.4. Style classes
17. Layout and appearance
17.1. <rich:jQuery>
17.1.1. Basic usage
17.1.2. Defining a selector
17.1.3. Event handlers
17.1.4. Timed queries
17.1.5. Named queries
17.1.6. Dynamic rendering
17.1.7. Reference data
18. Functions
18.1. rich:clientId
18.2. rich:component
18.3. rich:element
18.4. rich:jQuery
18.5. rich:findComponent
18.6. rich:isUserInRole
19. Functionality extension
19.1. <rich:componentControl>
19.1.1. Basic usage
19.1.2. Passing parameters to API methods
19.1.3. Reference data
19.2. <rich:focus>
19.2.1. Placement
19.2.2. Applying Focus
19.2.3. Validation-Aware
19.2.4. Preserving Focus
19.2.5. Delaying Focus
19.2.6. Focus Manager
19.2.7. Reference data
19.3. <rich:hotKey>
19.3.1. Basic usage
19.3.2. Event processing
19.3.3. Event handlers
19.3.4. Reference data
19.4. <rich:hashParam>
19.4.1. Basic usage
19.4.2. Reference data
19.5. <rich:placeholder>
19.5.1. Reference data
19.5.2. Style classes and skin parameters