設定内容 - レッスン - IBM WebSphere Dashboard Framework V6.1　自習ガイド　応用編

4 レッスン

4.3.1 設定内容

4.3 ［レッスン14］Dojoを使ったデータテーブルの編集

Excelファイルから取り込んだ値を表示します。そしてDojo系のビルダーを利用してtable

の値を直接変更します。さらに、tableのタイトルにマウスカーソルを移動すると、ポップアップ・テキスト・ボックスを表示する機能も追加します。外部から取り込んだ値を利用するので、モデルを2つ作成する必要があります。

モデル一覧

z providerモデル: 外部から値を取り込むモデル

z consumerモデル: providerモデルから値を受け取り表示

「provider モデル内の Service Definition ビルダー」と「consumer モデル内の Service

Consumerビルダー」が関連付けされることで、モデル間のアクセスが可能となっています。

図：データの流れ

52/88 1. providerモデルの作成

Excelからデータを取り込むためのproviderモデルにビルダーを追加します。

1.Service Definitionビルダーの追加設定値

サービス名 provider1 サービスを公開チェック

2.Excel Importビルダーの追加設定値

名前 getProductSalesSource

インポートするファイル /売上げ集計.xls スキーマを生成 Designer再生成時

コンテンツ選択方法自動（Builderにコンテンツを検索させる）

シート集計

ヘッダー行ありチェック空の行を保持非チェックセルのフォーマット設定を保持チェック

3.Service Operationビルダーの追加設定値

データ・サービス provider1(入力済み)

操作名 getProductSales

サービス操作プロ

パティー呼び出すアクション DataServices/getProductSalesSource/execute 操作入力入力構造処理入力なし

結果構造処理呼び出されたアクションからの構造を使用操作結果

結果フィールド・マッピング自動

これでproviderモデルの作成が終了しました。

2.consumerモデル作成

consumerモデルにビルダーを追加します。

1.Service Consumerビルダーの追加設定値

名前 consumer1

プロバイダー・モデル provider すべてのプロバイダー操作を追加チェック

2.View & Formビルダーの追加

tableを表示します。

設定値

名前 form1

ビュー・データ操作 DataServices/consumer1/getProductSales ビュー・ページHTML /factory/pages/view_and_form_view.html HTMLテンプレートファイル /factory/html_templates/gridtable.html ページ単位のデータ表示チェック

ビュー・ページ・オプション

ページあたりの行数 10 Mainを生成チェック拡張

ページ送りボタンを追加するチェック

3.Textビルダーの追加

tableのタイトルを表示します。

設定値

名前 textTitle

位置指定の方法名前付きタグ上

ページ form1_ViewPage

ページの場所

タグ search_section

テキスト売上げ集計

54/88 4.Action Listビルダーの追加

デバッグ用です。Dojoを利用して値が変更されたことを確認する為に、Systemログに変数の中身を出力しています。このアクションは、Dojo Inline Editビルダーから呼ばれます。

設定値

名前 actDumpData

アクションアクション・リスト

SystemOut!${DataServices/consumer1/getProductSales/re sults}

5.Dojo Tooltipビルダーの追加

tableのタイトルにマウスカーソルを移動すると、ポップアップ・テキスト・ボックスを表

示されるようにします。

設定値

名前 dojoTooltip

位置指定の方法

名前付きタグ上

ページ form1_ViewPage

ページの場所

タグ search_section

ツールチップ・タイプテキスト

ツールチップ・テキスト今年度の金額を変更するには Edit アイコンをクリックして下さい。

図 45 Dojo Tooltipビルダー設定画面

6.Dojo Inline Editビルダーの追加

table上の読み取り専用テキストを編集可能にします。ここでは「今年度」の列のみを対象

とします。

設定値

名前 dojoInlineEdit

フィールド [form1_ViewPage]form1_ViewPage/ExcelContent/Row/今年度

フォームをサブミットチェックアクション actDumpData

拡張オプションの表示

非チェック

アクション後の操作

アクション実行後に指定ページ場所を最新表示アクション

後の操作