【ViewCreator】LogicDesignerと連携してデータ参照の一覧を表示するデータ参照を作成する方法

ViewCreator において、標準の「データ参照一覧」画面では以下のような変更ができません。

このCookBookでは、カスタマイズ無しで上記のような変更を実現する方法として、データ参照の一覧を表示するデータ参照の作り方についてご紹介します。

「説明」列があるデータ参照一覧の例。

下記の不具合が修正されている Accel Platform 2018 Summer(Tiffany) 以降を利用して下さい。

外部データ連携時に、連携プログラムパスを指定しても正しく遷移しません。
https://issue.intra-mart.jp/issues/27759

※ロジックフローの作成方法の詳細は、下記ドキュメントを参照してください。
IM-LogicDesigner ユーザ操作ガイド - 4.1.1. ロジックフローを新規作成する

1.1. 「JavaScript定義」を追加します。

開始タスクと終了タスクの間に「JavaScript定義」を追加して、線で結びます。

スクリプト開発向けim-BizAPI - DataViewManagerオブジェクトを利用して、データ参照一覧を取得するスクリプトを記述します。

function run(input) {
  let views = DataViewManager.search();
  return {"views" : views};
}

function run(input) {

let views = DataViewManager.search();

return {"views" : views};

}

返却値の定義

views<Object[]>
- code<String> ：データ参照コード
- name<String>　：データ参照名
- info<String>　：説明
- pattern<Integer>　：データ参照の種類　1:リスト集計 2:サマリ集計 3:クロス集計 4:グラフ集計

1.2. 「出力」にマッピングします。
「JavaScript定義」から取得した結果をそのままフローの出力としてマッピングします。

2.作成したロジックフローを、ViewCreator のクエリで利用できるようにします。

作成したロジックフローをチェックしてViewCreatorで利用できるようにします。

3.ロジックフローを利用したクエリを作成します。

ロジックフローのリソースを追加して、定義されているカラムをすべて追加します。
参考：ViewCreator 管理者操作ガイド - 3.2. クエリの作成

追加したカラムにキャプションを設定します。

「登録」ボタンを押下して、作成したクエリを保存します。

4.データ参照を作成します。

クエリ一覧からデータ参照作成（リスト集計作成）を押下します。

「連携プログラムパス」の設定を以下のようにします。

viewcreator/dataview/{パターンID}/{データ参照コード}?getDataOnInit=false

{パターンID} は以下の計算式カラムを追加して、数値を変換した結果を埋め込みます。

キャプション：パターンID
式： SWITCH(パターン, 1, "list", 2, "list", 3, "cross", 4, "graph", "list")

「登録して一覧へ戻る」ボタンを押下します。

レシピの例では最低限の設定のみですが、列幅の変更や色の設定等も通常のデータ参照（リスト集計）と同様に行うことができます。

下記のサンプルをダウンロードしてご利用ください。
im_cookbook_146062_.zip

zip には以下のファイルが含まれています。

以下の手順でインポートしてください。

レシピの手順で作成した結果を確認できます。