タブ上にペインを組み込みます。
<xe:djTabContainer attributes>content</xe:djTabContainer>
カテゴリ | プロパティ |
---|---|
アクセシビリティ | title、waiRole、waiState |
basics | binding、defaultTabContent、dir、doLayout、id、lang、loaded、persist、rendered、rendererType、selectedTab、tabPosition、tabStrip、useMenu、useSlider |
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 |
タブコンテナコントロールにはタブペインコントロールが含まれ、各タブペインコントロールには 1 つのタブのコンテンツが表示されます。ユーザーがタブをクリックすると、そのコンテンツが表示されます。
このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは タブ付きパネルコントロールです。
<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>