展開するとコンテンツが表示されるペインを組み込みます。
<xe:djAccordionContainer attributes>content</xe:djAccordionContainer>
プロパティ | 説明 |
---|---|
id | デフォルトは ddjAccordionContainer1、djAccordionContainer2 などです。 |
title | これはペインタブに表示されます。 |
style | 幅と高さを設定します。 |
カテゴリ | プロパティ |
---|---|
アクセシビリティ | 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 |
アコーディオンコンテナコントロールには、アコーディオンペインコントロールをいくつでも含めることができます。一度に開くペインは 1 つです。ユーザーがペインを開くには、そのタイトルバーをクリックします。
このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは アコーディオンコントロールです。
<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>