pagerAddRows - ページャの行追加

イテレータコントロールに行を追加します。

カテゴリ

拡張ライブラリ

構文

<xe:pagerAddRows attributes>content</xe:pagerAddRows>
表 1. 必須プロパティ
プロパティ 説明
id デフォルトは pagerAddRows1pagerAddRows2 などです。
for イテレーターコントロールを識別します。 このコントロールがイテレーターコントロールのファセットの場合は不要です。
rowCount クリックごとに追加する行数を指定します。
表 2. すべてのプロパティ
カテゴリ プロパティ
accessibility ariaLabel
basics bindingforidloadedpartialExecutepartialRefreshrefreshIdrefreshPagerenderedrendererTyperowCountstatetext
format disabledFormat
styling disableThemestylestyleClassthemeId

使用法

イテレータコントロールは、プロパティで決定した行数で開始します。ユーザーは、ページャの行追加コントロールをクリックして行を追加します。

以下に示すデータ表は 10 行で開始し、ユーザーは一度に 3 行ずつ追加することができます。
<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>