djAccordionContainer - Dojo アコーディオンコンテナ

展開するとコンテンツが表示されるペインを組み込みます。

カテゴリ

拡張ライブラリ

構文

<xe:djAccordionContainer attributes>content</xe:djAccordionContainer>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `ddjAccordionContainer1`、`djAccordionContainer2` などです。
title	これはペインタブに表示されます。
style	幅と高さを設定します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	title、waiRole、waiState
dojo	dojoAttributes、dojoType、dragRestriction、tooltip
basics	binding、dir、duration、id、lang、loaded、rendered、rendererType、selectedTab
イベント	onBlur、 onClick、onClose、onDblClick、onFocus、onHide、onKeyDown、onKeyPress、onKeyUp、onMouseDown、onMouseEnter、onMouseLeave、onMouseMove、onMouseOut、onMouseOver、onMouseUp、onShow
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>