ペインを互いの上に積み重ねて組み込みます。
<xe:djStackContainer attributes>content</xe:djStackContainer>
プロパティ | 説明 |
---|---|
id | デフォルトは djStackContainer1、djStackContainer2 などです。 |
カテゴリ | プロパティ |
---|---|
アクセシビリティ | title、waiRole、waiState |
basics | binding、dir、doLayout、id、lang、loaded、persist、rendered、rendererType、selectedTab |
dojo | dojoAttributes、dojoType、dragRestriction、tooltip |
イベント | onBlur、onClick、onClose、onDblClick、onFocus、onHide、onKeyDown、onKeyPress、onKeyUp、onMouseDown、onMouseEnter、onMouseLeave、onMouseMove、onMouseOut、onMouseOver、onMouseUp、onShow |
styling | disableTheme、style、styleClass、themeId |
StackContainer コントロールには StackPane コントロールが含まれ、定義順に上から下に積み重ねられます。
このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは パネルコントロールです。
<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>