Tables

11.1.2.0.0

If you want users to be able to edit data in a table, you can use all input components and configure the table so that multiple rows can be edited.

You can alternatively configure the table so that input components are only displayed when the user clicks a specific row.

You can group columns together, and you can also configure columns so that they can be sorted, and also so that their data can be filtered using a query-by-example query.

You can create context menus from tables and trees.

If your application uses the Fusion technology stack, then you do not need to implement a collectionModel class.

Description

Tables allow you to display structured data. Tables contain columns, and individual components within a column display the actual data. Trees allow you to display hierarchical data. You can display hierarchical data in a table using a tree table.
Tables and trees use a CollectionModel class to access data. Individual rows in a table and nodes in a tree are displayed using stamping behavior. You only need to use one child component to display all the rows or nodes. Tables and trees can be read-only or the data can be edited, dependent on the child component.

The af:table component is bound to the data in the model, and holds the af:column component.

The af:column component contains another component (such as an af:inputText or af:outputText), which displays the actual data. Each column represents an attribute on the model object.

The af:tree component is bound to heirarchical data. Another component, such as an af:inputText component, is contained in the tree's nodeStamp facet and displays the data.

The af:treeTable component displays heirarchical data in a table format.

You can add toolbars, menu bars and status bars to tables and trees using the af:panelCollection component.