CookBook

申請時の注意事項を添付ファイルとして配置する方法

投稿日:

このCookBookでは、申請時の注意事項を記載したファイルを、申請画面の添付ファイルとして配置する方法について紹介しています。

FormaDesignerの前処理プログラムで任意の添付ファイルを設定することができます。
後処理プログラムの中でファイルアップロードAPIを使用することで、注意事項として添付されたファイルを登録せずに申請を行う事ができます。

完成イメージ


1. 申請画面を表示し、「The attached file」にファイルが表示されていることを確認します。
・HowToWriteApplicationForm.txt
・NotificationOfApplication.txt
2. 「Apply」をクリックし、申請を行います。
3. 申請情報を参照し、ファイルが登録されていないことを確認します。

完成サンプル

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

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

  • intra-mart Accel Platform(Advanced) 2017 Spring(8.0.16), IM-FormaDesigner 2017 Spring(8.0.15)以降のバージョンであること
  • サンプルデータのインポートが行われていること

サンプルは、intra-mart Accel Platform(Advanced) 2017 Spring(8.0.16), IM-FormaDesigner 2017 Spring(8.0.15)で動作確認を行っています。

レシピ

  1. フォームを作成する。
  2. 前処理プログラムを作成する。
  3. 後処理プログラムを作成する。
  4. フォームにユーザプログラムを設定する。
  5. ルート定義、フロー定義を作成する。

1. フォームを作成する。

FormaDesignerで、アプリケーション種別「IM-Workflow」フォームを作成し、画面アイテム「ファイルアップロード」を配置してください。

2. 前処理プログラムを作成する。

サンプルでは以下の場所にファイルを作成しています。
src/main/jssp/src/im_cookbook_119859/preprocess.js

  • 前処理プログラムの返却値「更新ファイルアップロードデータオブジェクト」を指定してください。
    • filePath パブリックストレージのファイルパスを指定してください。
    • uploadItemId 画面アイテム「ファイルアップロード」のアイテム識別IDを指定してください。
    • notes 備考

スクリプト開発モデルで前処理プログラムを作成しています。
前処理プログラムの詳細は以下のドキュメントを参照してください。
IM-FormaDesigner for Accel Platform プログラミングガイド - 前処理

3. 後処理プログラムを作成する。

サンプルでは以下の場所にファイルを作成しています。
src/main/jssp/src/im_cookbook_119859/postprocess.js

  • FormaFileUploadItemManager を使用し、添付ファイル情報の取得、削除を行ってください。
    • FormaFileUploadItemManager#getFilesInfo(insertId, processKey)
      案件に紐付くファイル情報を取得するメソッドです。
      引数にプロセスキーを指定することで、セッションに保存された一時保存状態のファイル情報を取得対象に含めることができます。
    • FormaFileUploadItemManager#deleteFile(insertId, uploadItemId, fileId, processKey)
      ファイル情報を削除するメソッドです。

FormaFileUploadItemManager の詳細は以下のドキュメントを参照してください。
IM-FormaDesigner スクリプト開発API - FormaFileUploadItemManagerオブジェクト

後処理プログラムの詳細は以下のドキュメントを参照してください。
IM-FormaDesigner for Accel Platform プログラミングガイド - 後処理

4. フォームにユーザプログラムを設定する。

レシピ1で作成したフォームにユーザプログラムを設定してください。

  • 「Preprocessing program - Apply」にレシピ2で作成した前処理プログラムを設定してください。

    User program type Program type Program path
    Preprocessing program - Apply Script development model im_cookbook_119859/preprocess
  • 「Post-processing program - Add」「Post-processing program - Temporary Save」にレシピ3で作成した後処理プログラムを設定してください。

    User program type Program type Program path
    Post-processing program - Add Script development model im_cookbook_119859/postprocess
    Post-processing program - Temporary Save Script development model im_cookbook_119859/postprocess

ユーザプログラムの設定方法は以下のドキュメントを参照してください。
IM-FormaDesigner for Accel Platform 作成者 操作ガイド - アプリケーションでユーザプログラムを利用する

5. ルート定義、フロー定義を作成する。

  • フロー定義を作成してください。
    • コンテンツ定義については、レシピ1で作成したフォームのWF連携設定により登録したものを利用してください。
    • ルート定義については任意に作成したものを利用してください。

-CookBook

執筆者:


comment

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

関連記事

no image

スクリプト開発モデルで作成した1つのページソースを複数の画面で利用する

このCookBookでは、任意のスクリプト開発モデルプログラムをコールして部分ページソース挿入を行う方法を紹介します。 部分ページソース挿入は<imart type=”include”>タ …

no image

request.log を Kibana で可視化する方法

この CookBook では、request.log を Kibana で可視化する方法について紹介しています。 方法は色々ありますが、この CookBook では Logstash と logsta …

no image

ノード毎に入力モード(表示モード)変換を切り替える方法

このCookBookでは、BISワークフローにおいて、ノード毎に各アイテムの入力(表示)モードを切り替える方法を紹介します。 ノード毎に別画面を作成する方法もありますが、本稿ではアクション設定を利用し …

IM-FormaDesignerにてブラウザのツールバーに任意のタイトルを設定する方法

このCookBookでは、IM-FormaDesignerにてブラウザーのツールバーに任意のタイトルを設定する方法について紹介しています。 設定方法は下記の2パターンです。 「スクリプト」アイテムを使 …

no image

imuiTreeでドラッグ&ドロップのバリデーションを実装する方法

このCookBookでは、imuiTree (ツリービュー) のドラッグ&ドロップバリデーションについて紹介しています。 intra-mart Accel Platform では、画面上にツリーを表示 …

RSSRSSRSSRSS