CookBook

「イベント」ボタン・「一覧へ戻る」ボタンを使用し任意の遷移先を設定する

投稿日:

このCookBookでは、IM-FormaDesignerの画面アイテム・ボタンを使用し、任意の画面に遷移する方法について紹介しています。
設定方法は下記の2パターンです。

「イベント」ボタンを使用する方法
「一覧に戻る」ボタン・「スクリプト」を使用する方法

レシピ(「イベント」ボタン使用)

  1. 「イベント」ボタンを配置する
  2. スクリプトを設定する

1. 「イベント」ボタンを配置する

ツールキットより「イベント」ボタンを選択、配置してください。
「フォーム編集画面」-「ツールキット」-「汎用アイテム」-「イベント」

2. スクリプトを設定する

「イベント」ボタンのスクリプトに以下のような設定を行うことで、任意の画面に遷移することができます。
ページ遷移のある画面の場合、1ページ目で行うことで期待される動作になります。

以下のコードは一例です。指定したい遷移先パスをdocument.imfr_back_form.actionの値に設定して下さい。

レシピ(「一覧に戻る」ボタン・「スクリプト」使用)

  1. 「一覧に戻る」ボタンと「スクリプト」を配置する
  2. スクリプトを設定する

1. 「一覧に戻る」ボタン・「スクリプト」を配置する

ツールキットより「一覧に戻る」ボタンと「スクリプト」を選択、配置してください。
「フォーム編集画面」-「ツールキット」-「ボタンアイテム」-「一覧に戻る」
「フォーム編集画面」-「ツールキット」-「汎用アイテム」-「イベント」

2. スクリプトを設定する

「一覧へ戻る」ボタンの遷移先は form内の要素であるimfr_callback_urlで保持しています。
その値をスクリプトアイテムを利用して書き換えます。

「スクリプト」に以下のような設定を行うことで、任意の画面に遷移することができます。

以上で、実行画面から「イベント」ボタンまたは「一覧へ戻る」ボタン押下で、任意の画面に遷移できるようになりました。

-CookBook
-

執筆者:


comment

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

関連記事

no image

PostgreSQL の Docker を作成する。

この CookBook では、PostgreSQL 検証用の Docker の作成手順について紹介しています。 レシピ ベースイメージの作成 PostgreSQL の Docker イメージを作成しま …

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

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

スプレッドシートでForma入力チェックユーザプログラムを利用して入力チェックを実行する方法

このCookBookでは、スプレッドシートでForma入力チェックユーザプログラムを利用して入力チェックを実行する方法について紹介しています。 Formaの入力チェックプログラムでは以下の2つのチェッ …

no image

IM-Workflowの色々なコンテンツ画面へ遷移するURL

このCookbookでは、IM-Workflowの色々なコンテンツ画面へ遷移するURLをご紹介いたします。 独自で作成した画面やViewCreator、BloomMakerなど、IM-Workflow …

標準の画面アイテムを利用して「先頭へ戻る」ボタンを実現する

このCookBookでは、標準の画面アイテムを利用して「先頭へ戻る」ボタンを実現する方法について紹介しています。 本稿では、表示する項目が多く縦長い画面で下へスクロールすると右下に「先頭へ戻る」ボタン …

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

RSSRSSRSSRSS