djStackPane - スタックペイン

スタックコンテナに含まれる 1 つのペインのコンテンツを指定します。

カテゴリ

拡張ライブラリ

構文

<xe:djStackPane attributes>content</xe:djStackPane>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djStackPane1`、`djStackPane2` などです。

表 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 コントロールです。

スタックコンテナコントロールにはスタックペインコントロールが含まれ、定義順に上から下に積み重ねられます。

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

例

以下の例は、スタックコンテナコントロールに含まれる 3 つのスタックペインコントロールを示しています。ボタンによって、スコープ変数の値が切り替えられます。最初の 2 つのスタックペインは、変数値に応じて表示されます。最上位のペインが表示されない場合は、2 番目のペインが表示されます。最上位から 2 つのペインが表示されない場合は、3 番目のペインが表示されます。

<xp:button value="toggle" id="button1">
	<xp:eventHandler event="onclick" submit="true"
		refreshMode="complete">
		<xp:this.action><![CDATA[#{javascript:switch(sessionScope.dbinfo) {
case "path" : sessionScope.dbinfo = "created"; break;
case "created" : sessionScope.dbinfo = "title"; break;
default : sessionScope.dbinfo = "path";}}]]>
		</xp:this.action>
	</xp:eventHandler>
</xp:button>
<xe:djStackContainer id="djStackContainer1">
	<xe:djStackPane id="djStackPane1">
		<xe:this.rendered>
			<![CDATA[#{javascript:sessionScope.dbinfo == null || sessionScope.dbinfo == "title"}]]>
		</xe:this.rendered>
		<xp:text escape="true" id="computedField1"
			value="#{javascript:database.getTitle()}">
		</xp:text>
	</xe:djStackPane>
	<xe:djStackPane id="djStackPane2">
		<xe:this.rendered>
			<![CDATA[#{javascript:sessionScope.dbinfo == "path"}]]>
		</xe:this.rendered>
		<xp:text escape="true" id="computedField2"
			value="#{javascript:database.getFilePath()}">
		</xp:text>
	</xe:djStackPane>
	<xe:djStackPane id="djStackPane3">
		<xp:text escape="true" id="computedField3"
			value="#{javascript:database.getCreated().getLocalTime()}">
		</xp:text>
	</xe:djStackPane>
</xe:djStackContainer>