この新しいグラフィック・コンポーネントを作成するには、適切なデータバインド・コンポーネントを作成する必要があります。 以下の手順に従い、ビュー・オブジェクトを作成してデータ・コントロールとして追加します。
-
アプリケーション・ナビゲータで「Model」ノードを開きます。
-
「Application Sources」ノードを右クリックし、コンテキスト・メニューから「New」を選択します。
-
New Galleryで「Business Tier」→「ADF Business Components」カテゴリを選択し、Categoriesリスト内の「View Object」項目を選択します。
「OK」をクリックします。
-
Create View Objectダイアログで、NameにProductPopularityと入力し、Data Sourceで「SQL Query」を選択します。
「Next」をクリックします。
-
Create View ObjectダイアログのQueryペインで、ビュー・オブジェクトに対するSQL文として次の文を入力します。
SELECT addresses.state_province,
count(addresses.STATE_PROVINCE) as "Product Popularity Index"
FROM products_base, orders, order_items, addresses
WHERE products_base.product_id = order_items.product_id and
products_base.CATEGORY_ID =
(SELECT products_base.category_id
FROM products_base
WHERE products_base.product_id = '1') and
orders.SHIP_TO_ADDRESS_ID = addresses.ADDRESS_ID and
orders.order_id = order_items.ORDER_ID and
addresses.COUNTRY_ID = 'US'
GROUP BY addresses.STATE_PROVINCE
ORDER BY "Product Popularity Index" desc
Order Byフィールドの使用。
詳細表示
-
「Test and Explain」ボタンをクリックして、SQL文を検証します。
「Close」をクリックします。
-
Application Module(Step 8 of 9)が表示されるまで「Next」をクリックします。
「Add to Application Module」オプションを選択します。 アプリケーション・モジュール名としてFODModuleがデフォルトで設定されることを確認します。
「Finish」をクリックします。
-
アプリケーション・ナビゲータに新規ビュー・オブジェクトが表示されます。
-
「
」Save Allアイコンをクリックして作業内容を保存します。 -
「FODModule」を右クリックし、コンテキスト・メニューから「Run」を選択します。
アプリケーション・モジュールを実行すると、新規ビュー・オブジェクトを検証して期待される結果を確認できます。
-
Oracle Business Component Browserで、「ProductPopularity1」をダブルクリックしてRunningペインで開きます。
「
」Nextアイコンをクリックしてレコード間をスクロールし、ブラウザ・ウィンドウを閉じます。 -
Data Controlsアコーディオンを開き、「Refresh」をクリックします。
この更新アクションは必ずしも必要ではありませんが、実行することで、アプリケーション・モジュールに追加された新規ビジネス・コンポーネントが確実にData Controlsペインに表示されます。 -
これで、新しいデータ・コントロールの使用準備が整いました。
-
「OrdersAndStocks.jsf」タブをクリックして、設計エディタでこのページを開きます。
-
「OrdersPlanning」タブ上で右クリックし、「Insert after Show Detail Item」→「Show Detail Item」を選択します。
-
Property InspectorのShow Detail Itemで、Textの値をProduct Popularityに変更します。
-
Data Controlsアコーディオンから「ProductPopularity1」を選択し、Product Popularityページにドラッグ・アンド・ドロップします。 コンテキスト・メニューから「Thematic Map」を選択します。
-
Component Galleryダイアログで、「USA states」イメージを選択します。
「OK」をクリックします。
-
Create Data Layerダイアログで、Locationドロップダウン・リストから「StateProvince」を選択します。
「OK」をクリックします。
-
設計エディタに州マップが表示され、テーマ別マップがポップアップ表示されます。
-
テーマ別マップのポップアップ内で「Area」ノードを開いて「Area - a1」を選択し、「
」Editアイコンをクリックしてこれを開きます。
-
Configure Areaダイアログで「Attribute Groups」タブを選択し、「New」アイコンをクリックしてグループ化ルールを作成します。
-
Group by value属性とLegend Label属性に対して、ドロップダウン・リストから「ProductPopularityIndex」を選択します。
「OK」をクリックします。
-
ページは次のように表示されます。
-
「
」Save Alアイコンをクリックして作業を保存し、「
」Runボタンをクリックして、ブラウザ内でページを起動します。 -
ブラウザ・ウィンドウで、「Product Popularity」タブをクリックします。
-
右上に色分けの凡例を示した製品人気度が州マップに表示され、注文数量には関係なく、製品が注文内で指定された回数が示されます。
-
凡例は非表示にすることもできます。
-
左上にあるツールバーを開いてナビゲーション・ツールバーを使用してみます。このツールバーを使用すると、マップでの移動、回転、ズームインおよびズームアウトを実行できます。
-
「Fit Map」アイコンをクリックして、通常のビューに戻ります。

-
ブラウザ・ウィンドウを閉じます。
これで、このチュートリアルは完了です。
- モデルの使用とこれに基づくページの作成
- 棒グラフやゲージなどのグラフィック・コンポーネントの使用開始
- 地理マップ、ピボット・テーブル、ガント・チャートなどのその他の複雑なグラフィカル表示の追加
- テーマ別マップ・コンポーネントの使用
- Oracle Fusion Middleware Oracle Application Development Framework Webユーザー・インタフェース開発者ガイド
- Oracle Fusion Middleware Oracle Application Development Framework Java EE開発者ガイド
パート1: モデルの検証とUIの構築開始