CookBook

グリッドテーブルの列タイプ「カスタム」を利用した場合にマルチセレクトがトグルされないようにする方法

投稿日:

このCookBookでは、グリッドテーブルの列タイプ「カスタム」を利用した場合に、マルチセレクトがトグルされないようにする方法を説明します。

グリッドテーブルでは、行内で参照表示となっている部分をクリックすると、マルチセレクトがトグルされる仕様となっています。
その場合、列タイプ「カスタム」は参照表示となるため、ボタン等を配置した場合に、クリックするとマルチセレクトがトグルします。

ここでは、マルチセレクトがトグルされないようにする方法を説明します。

レシピ

  1. 画面アイテム「グリッドテーブル」を配置する
  2. 列タイプ「カスタム」のプロパティを設定する

1. 画面アイテム「グリッドテーブル」を配置する

フォーム編集画面で画面アイテム「グリッドテーブル」を配置します。

2. 列タイプ「カスタム」のプロパティを設定する

event.stopPropagation()で、イベントの伝播をとめることで、トグルを回避することができます。

以下は、画像を表示し、その画像をクリックした場合に、トグルしないようにするサンプルとなります。

-CookBook
-

執筆者:


comment

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

関連記事

no image

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

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

no image

FormaのスクリプトからAjax処理を呼び出す

このCookBookでは、Formaのスクリプトからサーバサイドロジックを呼び出し、Ajax処理を実現する方法をご紹介します。 IM-LogicDesignerを利用し、サーバサイドロジックとその呼び …

no image

後処理プログラムで画面アイテム「ファイルアップロード」にバリデーションを実行する方法

このCookbookでは、画面アイテム「ファイルアップロード」に添付されたファイルをバリデーションする方法を紹介します。 後処理プログラムを使用してバリデーションを実行することで、画面に表示するエラー …

【ViewCreator】LogicDesignerと連携してデータ参照の一覧を表示するデータ参照を作成する方法

ViewCreator において、標準の「データ参照一覧」画面では以下のような変更ができません。 「説明」を一覧に表示する。 「データ参照名」の(初期表示時の)列幅を変更する。 各データ参照の表示画面 …

no image

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

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