ページへのグラフの追加

詳細アイコン 詳細

  1. エディタ・ウィンドウで、「browseOrders.jspx」タブをクリックしてページを手前に表示します。「構造」ウィンドウで、browseOrders.jspxのコンポーネント階層が表示されていることを確認します。
  2. 「データ・コントロール」パネルで、「FODModuleDataControl」を右クリックして「リフレッシュ」を選択します。
  3. 「FODModuleDataControl」 > 「OrdersView1」 > 「OrderItemsView2」の順にノード開きます。「WarehouseStockLevelsView1」ノードを「構造」ウィンドウにドラッグし、「af:form」コンポーネント上にドロップします(これによって、コレクションがページ上の「OrderItems」詳細表の下に配置されます)。
  4. 「作成」ポップアップ・メニューから「グラフ」を選択します。
  5. コンポーネント・ギャラリで、「カテゴリ」リストから「棒」を選択し、「グラフ・タイプ」セクションで「棒」を選択します。次に、「OK」をクリックします。
  6. 「棒グラフの作成」ダイアログで、子アクセッサを含めるの選択が解除されていることを確認します。
  7. 「QuantityOnHand」「使用可能」リストから「棒」フィールドにドラッグします。
  8. 「WarehouseName」「使用可能」リストから「X軸」フィールドにドラッグします。次に、「OK」をクリックします。
    詳細アイコン 詳細
  9. 構造ウィンドウで、「af:table」コンポーネントを選択します。プロパティ・インスペクタの「共通」セクションで、「ID」プロパティとしてorderItemsTableを入力し、[Enter]を押します。
  10. 構造ウィンドウで、「dvt:barGraph」コンポーネントを選択します。プロパティ・インスペクタで、「動作」セクションを開き、「PartialTriggers」ドロップダウン・メニューから「編集」を選択し、「プロパティの編集」ダイアログを開きます。
  11. 「使用可能」パネルで、「table* - orderItemsTable」を選択し、「選択済」パネルに 移動 移動します。次に、「OK」をクリックします。
  12. 作業内容を保存するには、すべて保存 すべて保存」をクリックします。
  13. エディタ・ウィンドウで、「orders-flow.xml」タブをクリックしてダイアグラムを手前に表示します。「browseOrders」ページ・アイコンを右クリックして「実行」を選択します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ