The DataView component is designed to enable lightweight viewing and editing of object collections. The component renders a table region for iterative output using columns defined with the required DataViewColumns component child. Also rendered is a detail region for in-depth viewing (and editing) of the row objects of the table model. The detail region is defined with the DataViewDetails child component and it's contents are displayed when a row of table region is activated, typically by a row tap.
The most important attributes of the <mobi:dataview> are comparable to those on a component like h:dataTable:
In addition to these attributes, there is another that particularly important attribute to the functioning of the details region.
The components and attributes currently supported for client activationMode alteration are:
|JSF h: taglib UIInput Components||value|
|JSF h: taglib UIOutput Components||value|
|JSF h: taglib UICommand Components||value|
|mobi:inputText||value, type, placeholder, readonly, maxlength, size, required, results, title, min, max, step, disable, style, styleClass|
The example above is a simple use case of the DataView to show two columns of text information, and have the components to edit that information rendered in the detail view.
To see in detail how this example works refer to the tutorial here.
This section covers attributes involved in the typical use-cases for this component. The complete taglib documentation for this component is available here.