<pageLayout>要素 |
![]() |
ネームスペース: | http://xmlns.oracle.com/uix/ui |
派生元: | <ui:base>要素 |
グループ: | UIX Components |
要素の型: | UINode |
構文 |
![]() |
<pageLayout
[ chromeType="ui:chromeTypeEnumType" ]
[ messageType="ui:pageMessageType" ]
[ quickLinksShown="boolean" ]
[ title="string" ] > <about></about> <cobranding></cobranding> <contents><!-- indexed children --></contents> <contentFooter></contentFooter> <contextSwitcher></contextSwitcher> <copyright></copyright> <corporateBranding></corporateBranding> <end></end> <footnote></footnote> <globalButtons></globalButtons> <inContextBranding></inContextBranding> <largeAdvertisement></largeAdvertisement> <location></location> <mediumAdvertisement></mediumAdvertisement> <messages></messages> <pageButtons></pageButtons> <pageHeader></pageHeader> <pageStatus></pageStatus> <privacy></privacy> <productBranding></productBranding> <quickSearch></quickSearch> <returnNavigation></returnNavigation> <start></start> <tabs></tabs> <userInfo></userInfo> </pageLayout>
説明 |
![]() |
<pageLayout>要素は、ページ全体のテンプレートの役割を果たす高度なレイアウト要素です。 ページ作成のためのいくつかのナビゲーション領域およびコンテンツ領域をサポートします。 UIXは、明示的な<quickLinks>要素をサポートし、pageLayoutには、ビルトインのクイック・リンク機能が含まれています。この機能は、非常に使用しやすく、正しいルック・アンド・フィールを実現できます。 この機能には、quickLinksShownおよびtitleの2つの属性を使用します。 quickLinksShownがtrueに設定されている場合、pageLayoutは自動的にコンテンツ内の<header>要素を検索します。 最初のヘッダー、および他のヘッダー内のヘッダー(サブヘッダー)を除く、各<header>要素にクイック・リンクが1つ追加されます。 さらに、title属性が設定されている場合には、pageLayoutは自動的に最上位レベルのヘッダーを追加します。 このヘッダーは、クイック・リンク検索時にはスキップされます。
pageLayoutおよびクイック・リンク
例 |
![]() |
<dataScope>
<contents>
<form name="pageLayout">
<contents>
<verbose>
<contents>
<pageLayout quickLinksShown="true"
title="Title">
<quickSearch>
<messageTextInput prompt="Search" name="QSearch" text="Cabo">
<end>
<submitButton text="Go" event="search" />
</end>
</messageTextInput>
</quickSearch>
<tabs>
<tabBar selectedIndex="1">
<contents childData="${dat1.link}">
<link text="${uix.current.text}"
destination="${uix.current.destination}"
disabled="${uix.current.disabled}"/>
</contents>
</tabBar>
</tabs>
<pageHeader>
<globalHeader selectedIndex="1">
<contents childData="${dat1.link}">
<link text="${uix.current.text}"
destination="${uix.current.destination}"
disabled="${uix.current.disabled}"/>
</contents>
</globalHeader>
</pageHeader>
<start>
<sideNav selectedIndex="1">
<contents childData="${dat1.link}">
<link text="${uix.current.text}"
destination="${uix.current.destination}"
disabled="${uix.current.disabled}"/>
</contents>
</sideNav>
</start>
<globalButtons>
<globalButtonBar>
<contents childData="${dat1.link}">
<globalButton icon="images/globalhelp.gif"
selected="${uix.current.selected}"
disabled="${uix.current.disabled}"
text="${uix.current.text}"
destination="${uix.current.destination}"/>
</contents>
</globalButtonBar>
</globalButtons>
<location>
<train selectedIndex="1">
<contents childData="${dat1.link}">
<link text="${uix.current.text}"
destination="${uix.current.destination}"/>
</contents>
</train>
</location>
<copyright>
<flowLayout>
<contents>
<image source="images/info.gif"/>
This is the
<link text=" copyright statement"
destination="http://www.oracle.com"/>
</contents>
</flowLayout>
</copyright>
<privacy>
<flowLayout>
<contents>
<image source="images/info.gif"/>
This is the
<link text=" privacy statement"
destination="http://www.oracle.com"/>
</contents>
</flowLayout>
</privacy>
<pageButtons>
<pageButtonBar>
<contents>
<image source="images/info.gif"/>
<link text=" content footer"
destination="http://www.oracle.com"/>
</contents>
</pageButtonBar>
</pageButtons>
<end>
<contentContainer id="1"
text="Header"
background="medium"
icon="images/info.gif">
<contents>
<link text="link" destination="http://www.oracle.com"/>
</contents>
</contentContainer>
</end>
<contents>
<header text="Header 1"/>
<header text="Header 2"/>
<header text="Header 3"/>
<header text="Header 4"/>
</contents>
</pageLayout>
</contents>
</verbose>
</contents>
</form>
</contents>
<provider>
<data name="dat1">
<inline>
<link text="UIX Components"
destination="http://www.oracle.com"/>
<link text="UIX Servlet"
destination="http://www.oracle.com"
selected="true"/>
<link text="Architecture"
destination="http://www.oracle.com"/>
<link text="Release"
destination="http://www.oracle.com"/>
<link text="Detonate" disabled="true"/>
</inline>
</data>
</provider>
</dataScope>
属性 |
![]() |
子要素 |
![]() |
|