CookBook

グリッドテーブルのイメージからワークフローの案件内容を表示するには

投稿日:

このCookbookでは、グリッドテーブルの「イメージ」から申請済みの案件の詳細画面を呼び出す方法を紹介します。

この方法を利用すると別の案件を参照しながら新しく申請を行うことができます。
BISで作成していないワークフローの案件を参照させることもできます。

完成イメージ

サンプルでは、出張の精算申請の入力時、事前に申請した出張申請を参照する設定を行います。


1. 精算申請のセレクトボックスから出張申請のフローを選択する。
2. 選択したフローの完了案件一覧がグリッドテーブルに表示される。
3. グリッドテーブルのイメージをクリックすると該当の案件詳細画面がポップアップで表示される。

完成サンプル

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

サンプルに含まれる定義情報は以下の表の通りです。

種類 定義名 補足説明
BIS定義 【サンプル】出張申請 関連するFormaアプリケーション定義やIM-Workflowのフロー定義等の情報も含まれます。
BIS定義 【サンプル】精算申請 関連するFormaアプリケーション定義やIM-Workflowのフロー定義等の情報も含まれます。
テナントDBクエリ フロー検索 -
テナントDBクエリ 未完了案件抽出 -
テナントDBクエリ 完了案件抽出 -

上記のサンプルの利用条件は以下の通りです。

  • intra-mart Accel Platform(Advanced) 2016 Summer(8.0.14), IM-BIS 2016 Summer(8.0.11)以降のバージョンであること
  • サンプルデータのインポートが行われていること

サンプルは、intra-mart Accel Platform(Advanced) 2016 Summer(8.0.14), IM-BIS 2016 Summer(8.0.11)で動作確認を行っています。

レシピ

  1. 申請画面のグリッドテーブルに案件を表示する。
  2. グリッドテーブルのイメージのリンク先に案件詳細の画面を設定する。
  3. 申請画面から完了案件を参照する。

1. 申請画面のグリッドテーブルに案件を表示する。

外部連携で取得した案件をグリッドテーブルに表示するための設定を行っていきましょう。

1.1. データベースから案件を取得するためのテナントDBクエリの作成

完了案件を対象とする場合、テナントDBクエリのSQLを以下の通りに設定してください。

WHERE句は必須ではありません。
WHERE句を設定することにより申請画面からフローや申請者を検索条件に指定できます。

未完了案件を対象とする場合、テーブル名を「imw_t_actv_matter」に変更してください。
以下が案件の呼び出しに必要なパラメータです。

  • system_matter_id(システム案件ID)
  • user_data_id(ユーザデータID)
1.2. アクション設定への外部連携の設定

テナントDBクエリの登録後、フォームのアクション設定で「初期表示イベント」や「アイテムイベント」を設定してください。
アクション設定から外部連携を実行させることによりグリッドテーブルに案件を表示することができます。

詳しくは以下のドキュメントをご覧ください。

2. グリッドテーブルのイメージのリンク先に案件詳細画面を設定する。

次に、グリッドテーブルから案件詳細画面へのリンクを設定しましょう。

2.1. グリッドテーブルの列の設定

グリッドテーブルには案件の呼び出しに必要なパラメータを含む列を設定します。
必要なパラメータに対応した列として以下の2つを設定してください。

113313_6

  • システム案件ID
    • 列名:システム案件ID
    • データ型:文字列
  • ユーザデータID
    • 列名:ユーザデータID
    • データ型:文字列

「表示」のチェックボックスをオフにすると上記の列が画面に表示されなくなります。
上記の列以外は一覧に表示したい項目を自由に設定してください。

2.2. イメージの列からのリンクの設定

グリッドテーブルの列タイプ「イメージ」にリンクを設定します。

113313_7

「列プロパティ」タブで以下の通りに設定してください。

  • イメージ選択
    アイコンとして表示したい画像を選択します。画像を追加するには「画像アップロード」から追加してください。
  • リンク
    チェックボックスをオンにしてください。リンクの設定項目が表示されます。
  • 設定方法
    「URL設定」を選択してください。
  • 利用方法
    「ポップアップ表示」を選択してください。
  • URL
    http://<HOST>:<PORT>/<CONTEXT_PATH>/im_workflow/common/switch/switch_content_detail

「列プロパティ」の「パラメータ設定」は以下の3つを設定してください。

  • imwSystemMatterId(システム案件ID)
    • パラメータキー
      「imwSystemMatterId」と設定してください。
    • パラメータ値
      「system_matter_id」と設定してください。
  • imwUserDataId(ユーザデータID)
    • パラメータキー
      「imwUserDataId」と設定してください。
    • パラメータ値
      「user_data_id」と設定してください。
  • imwPageType(ページ種別)
    • パラメータキー
      「imwPageType」と設定してください。
    • パラメータ値
      表示対象の案件に対する権限に合わせて適切な値を設定してください。
      今回の例では、申請者が自分の案件を参照しているため「6」と設定してください。

詳しくは以下のドキュメントをご覧ください。

3. 申請画面から完了案件を参照する。

  1. 事前に「【サンプル】出張申請」の案件を完了させておきます。
    113313_1
  2. 「サイトマップ」-「IM-BIS」-「ワークフロー」-「申請」をクリックしてください。
  3. 「【サンプル】精算申請」をクリックしてください。
    113313_2
  4. 「フロー選択」で「【サンプル】出張申請」を選択してください。
    113313_3
  5. グリッドテーブルに表示された案件の「イメージ」をクリックしてください。
    113313_4
  6. ポップアップで案件詳細画面が表示されることが確認できます。
    113313_5

-CookBook
-,

執筆者:


comment

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

関連記事

no image

フォームに入力した内容をデータベースに登録する

登録フォームに入力した内容をデータベースに登録する手順をご紹介します。 今回は例として、CookBook:スクリプト開発で登録フォームを作成するで作成した登録フォームに入力された内容をデータベースに登 …

no image

Formaのスクリプトから処理対象者を制御するには

このCookBookでは、スクリプトを利用してIM-Workflowの動的ノード(動的承認、縦配置、横配置)の処理対象者を制御する方法をご紹介します。 スクリプトから動的処理対象者設定機能を利用するこ …

no image

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

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

no image

画面操作方法によって画面アイテムの入力チェックを切り替える方法

このCookBookでは、IM-FormaDesignerの入力チェックプログラムで、画面の操作方法に応じた入力チェックを設定する方法を紹介します。 この方法は、以下の製品で作成したアプリケーションや …

no image

imuiListTableで複数選択した行データを取得する方法

このCookBookでは、imuiListTableで複数選択した行データを取得する方法を紹介します。 imuiListTableについての詳細はAPIドキュメントを参照してください。 [imuiLi …

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

RSSRSSRSSRSS