CookBook

IM-BloomMaker 異なるコンテンツ間でアクションをコピーする方法

投稿日:

この CookBook では intra-mart Accel Platform 2021 Winter から利用可能になったアクションの複製機能を使用して、異なるコンテンツ間でアクションをコピーする方法を紹介します。

アクションの複製機能とは

2021 Winter からアクションの切り取り・コピー・貼り付け機能が追加されました。
この機能を使用すると、別タブにまたがってアクションの切り取り・コピー・貼り付けが可能です。
エレメントとアクションは、異なるクリップボードにコピーされます。
im_cookbook_203020_001

事前準備

コピーされるのはアクションのみで、アクション内の各アクションアイテムで使用している変数・コンテナページ・アクションはコピーされません。
そのため、コピー先でも同じ動作を行うようにするためには、以下の事前準備を行ってください。

変数の場合

  • コピー先のコンテンツ定義で、アクションアイテムのパラメータに設定されている変数のうち、引き継ぎたい変数を作成します。
  • 例えば、コピー元のアクションで $variable.item.itemId を使用している場合、アクションを複製する前に、コピー先のコンテンツ定義で $variable.item.itemId を作成しておきます。
  • 変数を作成する前に後述の「アクションのコピー」を操作した場合は、アクションアイテムのパラメータ設定で再設定します。

im_cookbook_203020_002

コンテナページの場合

  • コピー先のコンテンツ定義で、アクションアイテムのパラメータに設定されているコンテナページのうち、引き継ぎたいコンテナページを作成します。
  • コンテナページ内に必要なエレメントを配置するか、コピー元からコピー・貼り付けします。
  • 後述の「アクションのコピー」を操作後、アクションアイテムのパラメータ設定で再選択します。

im_cookbook_203020_003

アクションの場合

  • コピー先のコンテンツ定義で、アクションアイテムのパラメータに設定されているアクションのうち、引き継ぎたいアクションを作成するか、コピー元からコピー・貼り付けします。
  • 後述の「アクションのコピー」を操作後、アクションアイテムのパラメータ設定で再選択します。

im_cookbook_203020_004

アクションのコピー

コピー元のコンテンツ定義のデザイナを開きます。
コピーしたいアクションを選択して、「アクション」タブ上の「コピー」アイコンをクリックします。
im_cookbook_203020_005

コピー先のコンテンツ定義のデザイナを開きます。
「アクション」タブを開くと「貼り付け」アイコンが有効になっていますので、「貼り付け」アイコンをクリックします。
im_cookbook_203020_006

アクションが複製されますので、「編集」アイコンをクリックします。
im_cookbook_203020_007

アクション内に、コピー元と同じ各アクションアイテムが登録されていることを確認してください。

各アクションアイテムのパラメータを確認

前述のとおり、アクションアイテムのパラメータのうち、変数・コンテナページ・アクションを指定している箇所においては、参照先がないためコピーが行われず、未設定状態に戻っているものがあります。
未設定状態のパラメータは、コピー先に存在する変数・コンテナページ・アクションを再選択してください。
コピー先では不要なアクションアイテムが存在する場合は、削除してください。
コピーされたアクションが適切に動作するか確認するため、アクションのデバッグは必ず行ってください。
im_cookbook_203020_008

-CookBook
-

執筆者:


comment

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

関連記事

IM-FormaDesignerの複数行アイテムの入力可能な行数を制限する方法

このCookBookでは、IM-FormaDesignerの複数行アイテムの入力可能な行数を制限する方法について紹介しています。 完成サンプル スクリプト適用前 指定した行数以上に改行できます。 スク …

IM-BloomMaker グラフエレメントの使い方(基本編)

このCookBookでは、intra-mart Accel Platform 2019 Winter から利用可能になった IM-BloomMaker のグラフエレメントの使い方について紹介しています …

no image

IM-BloomMaker imui の「ボタン」エレメントの背景色を css エディタで適用する方法

この CookBook では imui の「ボタン」エレメントの色を CSS エディタで適用する方法を説明します。 完成サンプル 以下の完成サンプルをダウンロードしてご活用ください。 IM-Bloom …

IM-BloomMakerでテーブルに行追加・行削除を行う方法

このCookBookでは、 IM-BloomMaker でテーブルに行追加・行削除を行う方法をご紹介します。カスタムスクリプトを利用して配列の変数を操作することで、行追加・行削除を実現します。 完成イ …

no image

テナント環境セットアップでテナント固有の属性を登録する。

この CookBook では以下の方法を紹介します。 テナント環境セットアップでテナント固有の属性を登録する方法。 システム管理者のテナント管理画面で、テナント固有の属性を編集する方法。 今回は「外部 …