pagerDetail - ページャ詳細の表示/非表示

イテレータコントロールの詳細領域の表示/非表示を切り替えます。

カテゴリ

拡張ライブラリ

構文

<xe:pagerDetail attributes>content</xe:pagerDetail>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `pagerDetail1`、`pagerDetail2` などです。
for	イテレーターコントロールを識別します。このコントロールがイテレーターコントロールのファセットの場合は不要です。

表 2. すべてのプロパティ
カテゴリ	プロパティ
accessibility	ariaLabel
basics	binding、for、hideText、id、loaded、partialExecute、partialRefresh、refreshId、rendered、rendererType、showText
styling	disableTheme、style、styleClass、themeId

使用法

イテレータコントロールでは、key プロパティが detail であるファセットコントロールとして詳細領域を指定できます。

ユーザーはページャ詳細の表示/非表示コントロールをクリックして、詳細領域の表示を切り替えます。

例

以下のデータビューには、詳細領域と、その表示を切り替えるためのページャ詳細の表示/非表示コントロールが含まれています。

<xe:dataView id="dataView1" columnTitles="true"
collapsibleDetail="true" collapsibleRows="true" expandedDetail="true" var="entry">
	<xp:this.facets>
		<xp:panel xp:key="detail">
			<xp:label value="Number: " id="label1"></xp:label>
			<xp:text escape="true" id="computedField1">
				<xp:this.value>
					<![CDATA[#{javascript:return entry.getColumnValue("number")}]]>
				</xp:this.value>
			</xp:text>
		</xp:panel>
		<xe:pagerDetail id="pagerDetail1"
			xp:key="pagerBottomLeft">
		</xe:pagerDetail>
	</xp:this.facets>
	<xe:this.data>
		<xp:dominoView var="view1" viewName="main"
			expandLevel="2">
		</xp:dominoView>
	</xe:this.data>
	<xe:this.summaryColumn>
		<xe:viewSummaryColumn columnName="subject"
			columnTitle="subject">
		</xe:viewSummaryColumn>
	</xe:this.summaryColumn>
</xe:dataView>