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では、intra-mart Accel Collaboration ワークスペースのワークスペースカレンダーについて紹介しています。 intra-mart Accel Collab …

no image

ジョブを作成して定期実行する

このCookBookでは、以下の開発モデルでジョブを作成する方法と、作成したジョブを指定した時刻に定期実行する方法を紹介します。 ・スクリプト開発モデル ・JavaEE開発モデル いずれのモデルでもジ …

no image

外部連携の後処理で任意のエラーメッセージを表示する

このCookbookでは、外部連携の後処理で任意のエラーメッセージを表示する方法を紹介します。 この方法を活用することにより、外部連携の後処理ででエラーが発生した場合、利用者に内容を通知することができ …

スプレッドシートでSpreadJSライブラリを利用してFormaの画面に対して入力チェックを実行する方法

このCookBookでは、スプレッドシートでSpreadJSライブラリを利用して入力チェックを実行する方法について紹介しています。 SpreadJSライブラリはクライアントサイドで動作するため、サーバ …

no image

物理マシン 1 台で Resin のクラスタリング環境を構築する

この CookBook では、物理マシン 1 台で Resin のクラスタリング環境を構築する手順について紹介しています。 Resin のクラスタリングを構築するには通常複数台のマシンが必要ですが、D …

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

RSSRSSRSSRSS