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

BISやFormaのテーブルにCSVファイルからのインポート・エクスポートを行うには

このCookbookでは、明細テーブルやグリッドテーブルとCSVファイルを連携する方法を紹介します。 この方法を活用することにより、明細テーブルやグリッドテーブルへの入力の手間を軽減できます。 完成イ …

no image

imuiListTableでセルに配置したアイコンから別画面に遷移する方法

このCookBookでは、imuiListTableでセルに配置したアイコンから別画面に遷移する方法について紹介しています。 imuiListTableについての詳細はAPIドキュメントを参照してくだ …

no image

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

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

no image

Milkode のご紹介

この CookBook では、Milkode について紹介しています。 intra-mart 開発本部ではソースコード検索エンジンとして Milkode を利用しています。 導入 導入は Instal …

no image

eBuilderの起動時処理のパフォーマンス改善

このCookBookでは、ローカル環境でe Builderの起動を速くするための設定を行います。 そのために、特定の機能を外して速く起動させる設定の方法について説明します。 ただし本設定を行うことによ …

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

RSSRSSRSSRSS