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

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

関連記事

no image

FormaのスクリプトからAjax処理を呼び出す

このCookBookでは、Formaのスクリプトからサーバサイドロジックを呼び出し、Ajax処理を実現する方法をご紹介します。 IM-LogicDesignerを利用し、サーバサイドロジックとその呼び …

no image

FormaDesignerで作成したフォーム内でカーソル遷移を制御する方法

このCookbookでは、FormaDesignerで作成したフォーム内でカーソル遷移を制御する方法を紹介します。 Tabキーを使ったカーソル遷移を考慮し、ユーザビリティが高いフォームを作成しましょう …

no image

設計書出力に任意のシートを追加する方法

このCookBookでは、BIS設計書出力機能で出力できるIM-Workflowフロー設計書およびBISフロー設計書に任意のシートを出力する方法について紹介しています。 完成イメージ 1. IM-BI …

no image

IM-LogicDesignerを利用して、申請日が一定期間経過した特定フローの完了案件をアーカイブする

このCookBookでは、LogicDesignerを利用して、申請日が一定期間経過した特定フローの完了案件をアーカイブする方法について紹介しています。 完成イメージ 1. サンプルのロジックフローを …

no image

後処理プログラムで画面アイテム「ファイルアップロード」にバリデーションを実行する方法

このCookbookでは、画面アイテム「ファイルアップロード」に添付されたファイルをバリデーションする方法を紹介します。 後処理プログラムを使用してバリデーションを実行することで、画面に表示するエラー …

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

RSSRSSRSSRSS