CookBook

ViewCreatorとIM-FormaDesignerを利用して、既存テーブルのデータを表示する。

投稿日:

このCookBookでは、ViewCreatorとForma画面を利用して、既存テーブルのデータを表示する方法を説明します。
ViewCreatorでテーブルデータの一覧を表示し、IM-FormaDesignerで各レコードの詳細情報を表示します。

完成イメージ


詳細情報を確認したいユーザのユーザコードをクリックする。

完成サンプル

以下の完成サンプルをダウンロードしてご活用ください。

サンプルは以下の環境で動作を確認できます。

  • IM-BISが導入済みであること
  • テナント環境セットアップで、サンプルデータがインポート済みであること

レシピ

  1. Forma画面に表示したいテーブルのデータソース定義を作成する。
  2. Formaアプリで、表示したい項目を設定したフォームを作成する。
  3. 外部連携を設定する。
  4. ViewCreatorのクエリを作成する。
  5. ViewCreatorのデータ参照を作成する。

設定項目の詳細は、添付のサンプルを参照してください。

1. Forma画面に表示したいテーブルのデータソース定義を作成する。

Forma画面に表示したいテーブルのデータソース定義を作成します。
入力値として、テーブルの主キーを設定します。

2. Formaアプリで、表示したい項目を設定したフォームを作成する。

Formaアプリで、表示したい項目を設定したフォームを作成します。
データの入力は行わないため、各アイテムの表示タイプは登録時に参照を設定します。

3. 外部連携を設定する。

「アクション設定」から初期表示イベントとして、 1. で定義したデータソースを設定します。

ViewCreatorから連携した値を、Forma画面の初期値として表示します。
初期値として表示した上記の値をキーとして、外部連携で他データを取得し画面に表示します。

4. ViewCreatorのクエリを作成する。

一覧画面として表示したい項目を設定したクエリを作成します。
Forma画面で表示する詳細データを特定するため、主キーは設定必須です。

5. ViewCreatorのデータ参照を作成する。

任意の項目に対し、Fomra画面へのリンクを設定します。
タイプをプログラムとし、連携プログラムパスに以下のリンク先を設定します。
リクエスト情報としてimfr_callback_pathに、ViewCreatorのURLを設定することで、Forma画面からの戻り先を設定します。

Forma画面へ遷移するためのリクエスト情報として、テーブルの主キーを設定します。
Forma画面では、リクエスト情報で画面の初期表示値を設定することができます。
パラメータの値として、Forma画面で設定したフィールド識別IDを設定してください。

-CookBook
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

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

ViewCreator において、標準の「データ参照一覧」画面では以下のような変更ができません。 「説明」を一覧に表示する。 「データ参照名」の(初期表示時の)列幅を変更する。 各データ参照の表示画面 …

no image

ワークスペースとファイルライブラリ機能との連携

このCookBookでは、「intra-mart Accel Collaboration」の機能の1つであるワークスペースと「intra-mart Accel Collaboration」のファイルラ …

no image

IMBox に投稿種別を追加する方法(textile)

このCookBookでは、IMBoxに投稿種別を追加する方法について紹介しています。 以下のドキュメントを参照することで、IMBox に投稿種別を追加することができます。 IMBox プログラミングガ …

no image

ワークフローの一覧を使い分けるには(改訂版)

このCookbookでは、以前に公開した「IM-Workflowの一覧を業務別に使い分けるには」に関して、お問い合わせいただいた内容を追加してワークフローの一覧の検索条件を付与する方法をご紹介いたしま …

no image

IM-LogicDesignerで、ファイルアップロードに添付されたファイルの内容を、画面上に表示させる方法

このCookBookでは、IM-LogicDesignerで、ファイルアップロードに添付されたファイルの内容を、画面上に表示させる方法を紹介します。 完成イメージ 完成サンプル 以下の完成サンプルをダ …

まだデータがありません。

RSSRSSRSSRSS