pagerAddRows - Pager Add Rows

Adds rows to an iterator control.

Category

Extension Library

Syntax

<xe:pagerAddRows attributes>content</xe:pagerAddRows>
Table 1. Essential properties
Property Description
id Defaults to pagerAddRows1, pagerAddRows2, and so on.
for Identifies the iterator control. Not needed if this control is a facet of the iterator control.
rowCount Specifies the number of rows to add on each click.
Table 2. All properties
Category Properties
accessibility ariaLabel
basics binding, for, id, loaded, partialExecute, partialRefresh, refreshId, refreshPage, rendered, rendererType, rowCount, state, text
format disabledFormat
styling disableTheme, style, styleClass, themeId

Usage

The iterator control starts with the number of rows determined by its properties. The user clicks the Pager Add Rows control to add rows.

Examples

Here a data table starts with 10 rows and allows the user to add 3 rows at a time.
<xp:dataTable id="dataTable1" rows="10"
value="#{javascript:return database.getAllDocuments()}" var="rowdoc">
	<xp:column id="column1">
		<xp:this.facets>
			<xp:label value="subject" id="label1" xp:key="header"
				style="font-weight:bold">
			</xp:label>
		</xp:this.facets>
		<xp:text escape="true" id="computedField1">
			<xp:this.value>
				<![CDATA[#{javascript:return rowdoc.getItemValueString("subject")}]]>
			</xp:this.value>
		</xp:text>
	</xp:column>
</xp:dataTable>
<xe:pagerAddRows id="pagerAddRows1" for="dataTable1" rowCount="3"></xe:pagerAddRows>