CookBook

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

投稿日:

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

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

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

レシピ

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

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

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

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

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

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

-CookBook
-

執筆者:


comment

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

関連記事

BloomMakerでワークフローの一括代理設定画面を作成する

このCookBookでは、BloomMakerで、ワークフローの代理設定を一括で登録する画面を作成してみました。 本稿で紹介のサンプルのように、BloomMakerを利用することで、ちょっとした要件に …

no image

IM-BloomMaker リッチテーブルで大量のデータを扱う時に読み込みを速くする方法

このCookBookでは、リッチテーブルエレメントで大量のデータを扱う時にデータの読み込みを速くする方法について紹介しています。 intra-mart Accel Platform 2023 Autu …

no image

IM-LogicDesignerで、Redmineカスタムクエリのチケット一覧を取得する方法

このCookBookでは、IM-LogicDesignerを使用してRedmineのチケット (issues) 一覧を取得する方法を紹介します。 Redmineは、外部からチケット一覧を取得するための …

no image

IM-BloomMaker トグルスイッチの使い方

このCookBookでは、2021 Summerでリリースした共通エレメント「トグルスイッチ」の利用方法と、見た目の変更方法について紹介します。 「トグルスイッチ」エレメントは機能のON・OFFを制御 …

no image

BloomMaker 入力規則エラーメッセージエレメントの使い方

このCookBookでは、Accel Platform 2021 Springで追加されたエレメント「入力規則エラーメッセージ」について紹介しています。 「入力規則エラーメッセージ」は、指定した変数に …