CookBook

入力画面の後に入力内容の確認画面を設定する方法

投稿日:

このCookbookでは、入力画面からの登録時に入力内容の確認画面を設定する方法を説明します。

この方法は、以下の製品で作成したアプリケーションやフローで利用できます。

  • IM-FormaDesigner
  • IM-BIS

完成イメージ


サンプルでは、入力画面の「次へ」ボタンをクリックすることにより確認画面に遷移します。
確認画面には入力画面の内容が表示されるため、内容を確認することができます。
入力内容は確認画面の「登録」ボタンをクリックするまでは登録されません。

完成サンプル

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

  • アプリケーション定義インポートファイル : im_cookbook_113714_forma.zip
    • アプリケーション定義のインポート機能からインポートしてください。サンプルのアプリケーションが登録されます。
    • アプリケーションを実行するには、インポート後に登録画面・一覧画面をメニューに登録してください。

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

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

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

レシピ

  1. 確認画面のフォームを作成する。
  2. 確認画面用に表示タイプを設定する。
  3. 登録・更新時の画面遷移を設定する。

1. 確認画面のフォームを作成する。

最初に作成済みのフォームから確認画面のフォームを作成しましょう。
入力画面からの入力値を連携するためにはフィールド識別IDを一致させてください。

このレシピでは、簡単な方法の1つとしてフォームのコピーを利用してフォームを作成しましょう。
以下の手順でアプリケーションにフォームを追加してください。

  1. 「サイトマップ」-「Forma作成管理」-「アプリケーション一覧」をクリックしてください。
  2. アプリケーション一覧の「編集」アイコンをクリックしてください。
    im_cookbook_113714_1
  3. アプリケーション履歴の「編集」アイコンをクリックしてください。
    im_cookbook_113714_2
  4. フォーム一覧の「登録」をクリックし、空のフォームを登録してください。
    im_cookbook_113714_3

追加したフォームに作成済みのフォームをコピーします。

  1. フォーム・デザイナで「再利用」をクリックしてください。
    im_cookbook_113714_4
  2. フォーム検索で作成済みのフォームの「選択」をクリックしてください。
    im_cookbook_113714_5
  3. 選択したフォームの内容がコピーされます。
  4. コピーされた内容を保存するために「更新」をクリックしてください。
    im_cookbook_113714_6

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

IM-BISで作成したフローの場合、ノード単位でフォームを追加できます。
詳しくは以下のドキュメントをご覧ください。

「再利用」機能ではフォーム全体をコピーできます。
特定のアイテムを対象にコピーする場合には、「アイテムコピー」または「フォームテンプレート」をご利用ください。
詳しくは以下のドキュメントをご覧ください。

2. 確認画面用に表示タイプを設定する。

次に、コピーで作成したフォームの入力項目の表示タイプを設定しましょう。

  1. フォーム・デザイナ上で確認画面に表示させないアイテムを削除してください。(例:確認用メールアドレス)
    im_cookbook_113714_7
  2. 入力項目のアイテムのプロパティを表示してください。
    im_cookbook_113714_8
  3. プロパティの「詳細設定」タブを表示してください。
    im_cookbook_113714_9
  4. 「表示タイプ」で「登録」・「更新」の設定値を「入力可」から「参照」に変更してください。
    im_cookbook_113714_10
  5. 同様の手順で確認画面上のすべての入力項目に対して表示タイプを「参照」に設定してください。
  6. 設定内容を保存するために「更新」をクリックしてください。
    im_cookbook_113714_11

上記の手順により、確認画面上の入力項目は参照状態で表示されるようになります。

詳しくは以下のドキュメントをご覧ください。
各アイテムのページで表示タイプの詳細を確認できます。

3. 登録・更新時の画面遷移を設定する。

最後に、確認画面を経由して登録させるための画面遷移を設定しましょう。

  1. アプリケーション履歴の「編集」アイコンをクリックしてください。
    im_cookbook_113714_12
  2. 「フォーム遷移一覧」タブをクリックしてください。
    im_cookbook_113714_13
  3. 「登録画面遷移」の「詳細編集」をクリックしてください。
    im_cookbook_113714_14
  4. 「追加」をクリックしてください。
    im_cookbook_113714_15
  5. フォーム検索で確認画面のフォームの「選択」をクリックしてください。
    im_cookbook_113714_16
  6. 設定内容を保存するために「更新」をクリックしてください。
    im_cookbook_113714_17
  7. 同様の手順で「更新画面遷移」に対して確認画面のフォームを追加してください。
  8. 「登録画面遷移」「更新画面遷移」が正しく設定されていると、「フォーム件数」には「2」と表示されます。
    im_cookbook_113714_18

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

アプリケーションの登録画面や一覧画面をメニューに登録してください。
メニューからアプリケーションを実行することにより確認画面への遷移を確認できます。

-CookBook
-,

執筆者:


comment

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

関連記事

no image

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

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

スケジュールにログインしている本人しか表示されない場合の対応方法

このCookBookでは「intra-mart Accel Collaboration」スケジュール機能を利用する前の注意点について紹介しています。 お客様で「intra-mart Accel Col …

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

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

no image

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

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

no image

OAuth2.0 の アクセストークンを Google から取得する方法

このクックブックでは、OAuth2.0 の アクセストークンを Google から取得する方法を説明します。 intra-mart Accel Platformでは、OAuth2.0 の アクセストー …

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

RSSRSSRSSRSS