JSFページを作成する手順を完了すると、各バインドなしタスク・フローのタスク・フロー・ダイアグラマは、次のように表示されます。
ビュー・アクティビティの黄色の警告アイコンが削除されていることに注意してください。これは、ビュー・アクティビティがアプリケーションの実際のJSFページに関連付けられていることを意味します。
アプリケーションを実行すると、ブラウザのHomeページは、次のように表示されます。
いずれかのタブをクリックしてください。タブ(およびその下のナビゲーション・アイテム)をクリックすると、分割されているペインの上にブレッドクラム・リンクが表示されます。ブレッドクラムは、現在のページからルートであるHomeページにさかのぼるリンクのパスが表示されます。たとえば、Homeページで「Products」タブをクリックし、次に「New」をクリックすると、ブレッドクラム・リンクは、次の図のようにHome > Products > New
と表示されます。
最後にあるブレッドクラム・リンクは常に現在のページで、リンクは使用できません。レンダラまたはクライアントのデバイス・タイプによっては、最後のブレッドクラム・アイテムは表示されない場合があります。
「Products」タブをクリックすると、Productsページが表示されます。
これは、「Products」ADFメニュー(products_menu.xml
)では、action
属性を介してProductsページを参照する親itemNode
を使用しているためです。子の「New」タブと「Sale」タブは、products_menu.xml
に記載されている順序で表示されます。
<menu xmlns="http://myfaces.apache.org/trinidad/menu">
<itemNode id="itemNode_products" label="Products"
action="adfMenu_products" focusViewId="/products" immediate="false">
<itemNode id="itemNode_new" label="New" action="adfMenu_new"
focusViewId="/new"/>
<sharedNode ref="#{sale_menu}"/>
</itemNode>
</menu>
「Sale」タブをクリックすると、「Sale」ビュー・アクティビティに対してsale.jspx
ページが作成されている場合も、Electronicsページに直接移動します。
これは、「Sale」ADFメニュー(sale_menu.xml
)では、idref
属性を介してElectronicsページを参照する親groupNode
を使用しているためです。
<menu xmlns="http://myfaces.apache.org/trinidad/menu">
<groupNode id="itemNode_sale" label="Sale" idref="itemNode_electronics">
<itemNode id="itemNode_electronics" label="Electronics"
action="adfMenu_electronics" focusViewId="/electronics"/>
<itemNode id="itemNode_office" label="Office" action="adfMenu_office"
focusViewId="/office"/>
<itemNode id="itemNode_media" label="Media" action="adfMenu_media"
focusViewId="/media"/>
</groupNode>
</menu>
右上隅の「Preferences」テキスト・リンクをクリックすると、Preferencesページが表示されます。しかし、「Help」テキスト・リンクをクリックすると、作成したHelpページではなく、オラクル社のWebサイト・ページが表示されます。これは、itemNode
のaction
属性とdestination
属性の両方が指定されていて(次のroot_menu.xml
コードを参照)、destination
属性がaction
属性より優先されるためです。
<menu xmlns="http://myfaces.apache.org/trinidad/menu">
<itemNode id="itemNode_home" label="Home" action="adfMenu_home"
focusViewId="/home">
<sharedNode ref="#{products_menu}"/>
<itemNode id="itemNode_shop" label="Shop" action="adfMenu_shop"
focusViewId="/shop"/>
</itemNode>
<itemNode id="itemNode_help" label="Help" action="adfMenu_help"
focusViewId="/help" destination="http://www.oracle.com"/>
<itemNode id="itemNode_preferences" label="Preferences"
action="adfMenu_preferences" focusViewId="/preferences"/>
</menu>
Copyright © 1997, 2009, Oracle. All rights reserved.