CookBook

IM-FormaDesignerで作成したフォーム内で、外部連携を利用して最も簡単に値を渡す方法(単一アイテム編)

投稿日:2017-01-30 更新日:

このCookBookでは、IM-FormaDesignerで作成したフォーム画面の中で、アイテムからアイテムへ値を渡す方法について紹介します。
今回は例として、文字列と数値の値を同時にアイテムからアイテムへ渡してみましょう。

114563_summary

前提条件

このCookBookで紹介する方法では外部連携機能を利用するため、IM-BISが環境に含まれている必要があります。
また、普段からIM−FormaDesignerを利用している方を読者の対象としています。

完成イメージ


1. 画面左側の「string」に文字列を入力してください。
2. 画面左側の「number」に整数値を入力してください。
3. 画面下の「Transfer Values」ボタンをクリックしてください。
4. 画面右側の「string」と「number」に値が渡されます。

完成サンプル

以下の完成サンプルを、ローカル環境にインポートしてご活用ください。
なお、以下のサンプルはintra-mart Accel Platform 2016 Summerの環境を利用して作成したものです。
2016 Summerより前のバージョンでは正常に動作しない可能性があります。

ローカル環境で表示させる場合は、以下のURLにアクセスしてください。
http://localhost:8080/imart/forma/normal/view/regist_application_view/im_cookbook_114563_forma
なおベースURLである以下の部分は、環境に合わせて適宜変更してください。
http://localhost:8080/imart

レシピ

  1. IM-LogicDesignerを利用してロジックフローを作成する。
  2. 作成したロジックフローをデータソース定義に登録する。
  3. IM-FormaDesignerを利用してフォーム画面を作成する。
  4. 外部連携機能を利用して、アイテムからアイテムへ値を渡す設定をする。

1. IM-LogicDesignerを利用してロジックフローを作成する。

ここで作成するロジックフローは、受け取った値を返却するだけのロジックフローです。

まずは入出力設定を行います。
入力と出力に stringinteger を1つずつ追加してください。

114563_ld_io_setting

続いて、ロジックフローを作成しましょう。
StartタスクとEndタスクを矢印で直接つなぎ、Endタスクをダブルクリックしマッピング設定を行います。
入出力設定で追加した2つの入力データが直接出力されるようにマッピングしてください。

114563_ld_mapping_setting

これでロジックフローの作成は終了です。作成したロジックフローを新規保存しましょう。

IM-LogicDesignerでのロジックフロー作成について、詳細は下記ドキュメントを御覧ください。

IM-FormaDesignerで利用されるデータ型とIM-LogicDesignerで利用されるデータ型の対応については、下記ドキュメントを御覧ください。

2. 作成したロジックフローをデータソース定義に登録する。

作成したロジックフローをデータソース定義に登録しましょう。
選択するデータソース種別は「LogicDesigner」です。

登録方法について詳しくは、以下のドキュメントを御覧ください。

3. IM-FormaDesignerを利用してフォーム画面を作成する。

114563_forma_form

上記スクリーンショットのようにアイテムを配置してください。
今回の例で設定したフィールド識別IDは以下です。

アイテムのラベル フィールド識別ID
文字列(リクエスト側) textbox1
数値(リクエスト側) number1
文字列(レスポンス側) textbox2
数値(レスポンス側) number2

また、アクション設定を利用するために、イベントボタンを配置してください。

IM-FormaDesignerを利用してフォームを画面を作成する方法について、詳しくは下記のドキュメントを御覧ください。

4. 外部連携機能を利用して、アイテムからアイテムへ値を渡す設定をする。

配置したイベントボタンにアクション設定を行いましょう。

  1. デザイナ画面から「アクション設定」ボタンをクリックしてください。
  2. 「アイテムイベント」タブをクリックしてください。
  3. イベントボタンを追加し、設定アイコンをクリックしてください。
  4. 先ほど登録したデータソース定義を追加し、設定アイコンをクリックしてください。
  5. データマッパーが開かれます。以下の表のように、リクエストとレスポンスを設定しましょう。

リクエストタブでは以下の表のとおりにマッピングしてください。

フォーム内の入力アイテム データソース定義の入力
textbox1 string1
number1 integer1

同様に、レスポンスタブでは以下の表のとおりにマッピングしてください。

データソース定義の出力 フォーム内の入力アイテム
string1 textbox2
integer1 number2

IM-BISの外部連携機能について、詳しくは以下のドキュメントを御覧ください。

おわりに

以上の手順を踏むことで、IM-FormaDesignerで作成したフォーム内で値を簡単に渡すことができます。
IM-LogicDesignerを外部連携機能から呼び出すことで、ノンプログラミングで実現することが可能です。

また、テーブルでの値渡しについては [テーブルアイテム編のCookBook] をご覧ください。

いかがでしたか?
余談ですが、ご紹介した方法は、社内でもIM-BIS外部連携機能の試験を行う際に利用されています。
お客様の用途に合わせて、是非利用してみてください。

-CookBook
-, ,

執筆者:


  1. […] 用するため、IM-BISが環境に含まれている必要があります。 内容は重複してしまいますが、あらかじめ [単一アイテム編のCookBook] をご覧になってからこのCookBookを読むことをお薦めします。 […]

IM-FormaDesignerで作成したフォーム内で、外部連携を利用して最も簡単に値を渡す方法(テーブルアイテム編) | intra-mart Developer Site にコメントする コメントをキャンセル

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

関連記事

no image

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

このCookBookでは、申請時の注意事項を記載したファイルを、申請画面の添付ファイルとして配置する方法について紹介しています。 FormaDesignerの前処理プログラムで任意の添付ファイルを設定 …

no image

完了したワークフロー案件の登録データをメンテナンスする方法

このCookBookでは、IM-BISとIM-FormaDesignerで作成したワークフロー案件の登録データを編集する方法を紹介します。 一部制限はありますが、IM-FormaDesignerのアプ …

no image

ViewCreatorとIM-FormaDesignerを利用して、既存テーブルのデータを表示する。

このCookBookでは、ViewCreatorとForma画面を利用して、既存テーブルのデータを表示する方法を説明します。 ViewCreatorでテーブルデータの一覧を表示し、IM-FormaDe …

no image

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

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

no image

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

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

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

RSSRSSRSSRSS