djTabContainer - Dojo タブコンテナ

タブ上にペインを組み込みます。

カテゴリ

拡張ライブラリ

構文

<xe:djTabContainer attributes>content</xe:djTabContainer>
表 1. 必須プロパティ
プロパティ 説明
id デフォルトは djTabContainer1djTabContainer2 などです。
style 幅、高さ、余白を指定します。

使用法

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

タブコンテナコントロールにはタブペインコントロールが含まれ、各タブペインコントロールには 1 つのタブのコンテンツが表示されます。ユーザーがタブをクリックすると、そのコンテンツが表示されます。

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

以下の例は、タブコンテナコントロールに含まれる 3 つのタブペインコントロールを示しています。
<xe:djTabContainer id="djTabContainer1" style="width:500px; height:100px; margin:5px;">
	<xe:djTabPane id="djTabPane1" title="Title">
		<xp:text escape="true" id="computedField1"
			value="#{javascript:database.getTitle()}">
		</xp:text>
	</xe:djTabPane>
	<xe:djTabPane id="djTabPane2" title="File path">
		<xp:text escape="true" id="computedField2"
			value="#{javascript:database.getFilePath()}">
		</xp:text>
	</xe:djTabPane>
	<xe:djTabPane id="djTabPane3" title="Creation date">
		<xp:text escape="true" id="computedField3"
			value="#{javascript:database.getCreated().getLocalTime()}">
		</xp:text>
	</xe:djTabPane>
</xe:djTabContainer>