DataView

Added by Arturo Zambrano, last edited by Ken Fyten on Nov 13, 2014  (view change)
Table of Contents

Overview

Since 4.0

The mobi:dataView component renders lists of data in a table. It is more simplified than ace:dataTable and is geared for mobile devices, in terms of the user interface and performance.

Getting Started

The basic use case is very straightforward. The value references a list of data objects, which are rendered as rows, with their properties in mobi:dataViewColumn's.

<h:form>
	<mobi:dataView value="#{bean.items}" var="item" rowStripe="true">
		<mobi:dataViewColumns>
			<mobi:dataViewColumn headerText="Property A" value="#{item.propertyA}" />
			<mobi:dataViewColumn headerText="Property B" value="#{item.propertyB}" />
			<mobi:dataViewColumn headerText="Property C" value="#{item.propertyC}" />
		</mobi:dataViewColumns>
	</mobi:dataView>
</h:form>

Attributes

TagLib Documentation
This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available here.

The value specifies the list or instance of DataViewLazyDataModel that contains the data to be displayed.

The var attribute specifies the variable name to be used when rendering the columns or the details region.

The rowStripe attribute is a flag to enable background shading on the odd numbered rows.

Event Listeners

None.

Client Behavior Events

select Fired when a row is selected. It enables server-side updates of the details area.

JavaScript API

None.

Keyboard Support

None.

Known Issues

None.

Additional Resources

Sample Applications

This component appears in the following ICEfaces sample applications:

Tutorials

This component appears in the following ICEfaces tutorials:

None
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2021 ICEsoft Technologies Canada Corp.