applicationSwitcherの作成

applicationSwitcherを作成するには、次のようにします。

  1. 目的のファイルの設計構造ウィンドウで、「pageLayout」ノードを展開して、「globalButtons」ノードを探します。

    「pageLayout」ノードが表示されない場合は、「page」->「content」->「dataScope」->「document」->「body」->「form」と開きます。「globalButtons」ノードは、「pageLayout」「pageLayout Name Children」の下にあります。

  2. コンポーネント・パレットで、ドロップダウン・リストから「Navigation Components」を選択し、次にglobalButtonBarコンポーネントを「globalButtons」ノードにドラッグ・アンド・ドロップします。

    「globalButtonBar」ノードが、開かれている「globalButtons」ノードの下に挿入されます。

  3. コンポーネント・パレットで、applicationSwitcher「Navigation Components」リストから設計構造ウィンドウの「globalButtonBar」ノードにドラッグ・アンド・ドロップします。

    「applicationSwitcher」ノードが、開かれている「globalButtonBar」ノードの下に挿入されます。

  4. 設計構造ウィンドウで、新規の「applicationSwitcher」ノードを右クリックして、「applicationSwitcherの中に挿入」->「option」を選択します。

    構造ウィンドウで、新規の「option」ノードが挿入され、強調表示されます。プロパティ・インスペクタで、新規コンポーネントのプロパティが表示されます。

  5. プロパティ・インスペクタでは、オプションに対して次の属性を設定します。
  6. ステップ4と5を繰り返して、スイッチャの追加オプションを追加します。

    ページをブラウザで表示するときは、オプションがドロップダウン・リスト内に縦に表示されます。最初のオプションの番号は0、2番目のオプションの番号は1、というようになります。

  7. 設計構造ウィンドウで、「applicationSwitcher」ノードを選択します。

    プロパティ・インスペクタで、アプリケーション・スイッチャ・コンポーネントのプロパティが表示されます。

  8. プロパティ・インスペクタでは、アプリケーション・スイッチャに対して次の属性を設定します。

注意:

例(UIX XML)


Example:

<?xml version="1.0" encoding="windows-1252"?>
<page xmlns="http://xmlns.oracle.com/uix/controller"
      xmlns:ui="http://xmlns.oracle.com/uix/ui"
      xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
      xmlns:html="http://www.w3.org/TR/REC-html40"
      bindingLanguage="el">
  <content>
    <dataScope xmlns="http://xmlns.oracle.com/uix/ui">
      <provider>
        <!-- Add data sources here -->
        <data name="demo:appIs">
          <method class="oracle.cabo.doc.demo.ApplicationSwitcherData" method="getData"/>
        </data>
      </provider>
      <contents>
        <!-- Start page content here -->
        <document>
          <metaContainer>
            <!-- Set the page title -->
            <head title=""/>
          </metaContainer>
          <contents>
            <body>
              <contents>
                <form name="form0">
                  <contents>
                    <pageLayout title="">
                      <contents>
                        <!-- Define the main content of the page here -->
                      </contents>
                      <!-- Define the navigation elements here -->
                      <!-- Application Switcher -->
                      <globalButtons>
                        <globalButtonBar>
                          <contents>
                            <applicationSwitcher title="Select here"
                                                 name="mySwitcher"
                                                 selectedIndex="2"
                                                 formSubmitted="true">
                              <contents>
                                <option text="iReceivables" value="iReceivables"/>
                                <option text="Human Resources" value="HumanResources"/>
                                <option text="Finance" value="Finance"/>
                                <option text="iLearning" value="iLearning"/>
                              </contents>
                            </applicationSwitcher>
                          </contents>
                        </globalButtonBar>
                      </globalButtons>

  <!-- REST OF PAGE LAYOUT-->

                    </pageLayout>
                  </contents>
                </form>
              </contents>
            </body>
          </contents>
        </document>
      </contents>
    </dataScope>
  </content>
  <handlers>
    <!-- Add event handlers here -->
    <event name="switchApp">
      <method class="oracle.cabo.doc.demo.ApplicationSwitcherData" method="appSwitchEventHandler"/>
    </event>
  </handlers>
</page>    

applicationSwitcherについて
globalButtonについて

globalButtonの作成
ナビゲーション・コンポーネントの使用

 

Copyright © 1997, 2004, Oracle. All rights reserved.