djAccordionPane - Dojo アコーディオンペイン

アコーディオンコンテナに含まれる 1 つのペインのコンテンツを指定します。

カテゴリ

拡張ライブラリ

構文

<xe:djAccordionPane attributes>content</xe:djAccordionPane>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djAccordionPane1`、`djAccordionPane2` などです。
title	ペインにラベルを適用します。アクセシビリティについてはツールチップを使用します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	title、waiRole、waiState
basics	binding、dir、errorMessage、extractContent、href、id、lang、loaded、loadingMessage、partialRefresh、preload、preventCache、refreshOnShow、rendered、rendererType
dojo	dojoAttributes、dojoType、dragRestriction、parseOnLoad、tooltip
イベント	onBlur、onClick、onClose、onContentError、onDblClick、onDownloadEnd、onDownloadError、onDownloadStart、onFocus、onHide、onKeyDown、onKeyPress、onKeyUp、onLoad、onMouseDown、onMouseEnter、onMouseLeave、onMouseMove、onMouseOut、onMouseOver、onMouseUp、onShow、onUnload
styling	disableTheme、style、styleClass、themeId

使用法

これは Dojo コントロールです。

アコーディオンコンテナコントロールには、アコーディオンペインコントロールをいくつでも含めることができます。一度に開くペインは 1 つです。ユーザーがペインを開くには、そのタイトルバーをクリックします。

このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスはアコーディオンコントロールです。

例

以下の例は、アコーディオンコンテナコントロールに含まれる 3 つのアコーディオンペインコントロールを示しています。

<xe:djAccordionContainer id="djAccordionContainer1"
	style="width:400px; height:100px;">
	<xe:djAccordionPane id="djAccordionPane1"
		title="Application title">
		<xp:text escape="true" id="computedField1" value="#{javascript:database.getTitle()}"></xp:text>
	</xe:djAccordionPane>
	<xe:djAccordionPane id="djAccordionPane2"
		title="Application file path">
		<xp:text escape="true" id="computedField2"
			value="#{javascript:database.getFilePath()}">
		</xp:text>
	</xe:djAccordionPane>
	<xe:djAccordionPane id="djAccordionPane3"
		title="Application creation date">
		<xp:text escape="true" id="computedField3"
			value="#{javascript:database.getCreated().getLocalTime()}">
		</xp:text>
	</xe:djAccordionPane>
</xe:djAccordionContainer>