詳細アイコン IDE内の表示

ステップを完了すると、ビジュアル・エディタは次のようになります。

ビジュアル・エディタ

エディタ・ウィンドウの「ソース」をクリックすると、JDeveloperによって追加されたブレッドクラムのコードが表示されます。

<af:breadCrumbs value="#{root_menu}" var="menuInfo"..>
  <f:facet name="nodeStamp">
    <af:commandNavigationItem text="#{menuInfo.label}"
                              icon="#{menuInfo.icon}"
                              destination="#{menuInfo.destination}"
                              action="#{menuInfo.doAction}"../>
  </f:facet>
</af:navigationPane>

myTemplate.jspxの「構造」ウィンドウの「ソース」タブでは、「af:pageTemplateDef」の下の構造は次のようになります。

構造ウィンドウ、ブレッドクラム

この時点で、「af:panelStretchLayout」「center」ファセットには、ネストされた3つの「af:decorativeBox」コンポーネントがあります。最も内側にある「af:decorativeBox」コンポーネントの「top」ファセットには、「af:breadCrumbs」コンポーネントが1つあります。