CookBook

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

投稿日:

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

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

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

レシピ

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

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

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

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

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

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

-CookBook
-

執筆者:


comment

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

関連記事

no image

ライブラリのバージョン監視に応用可能なロジックフローの作り方

このCookBookでは、IM-LogicDesignerを利用して、指定したURLのHTMLから正規表現を利用して任意の文字列を取得する方法を紹介します。 JavaScript定義とREST定義を作 …

no image

ワークスペースとスケジュール機能との連携

このCookBookでは、「intra-mart Accel Collaboration」の機能の1つであるワークスペースと「intra-mart Accel Collaboration」のスケジュー …

no image

EWS2017 「業務への適用イメージがすぐに湧く!  魔法の業務ロジック作成ツール『IM-LogicDesigner』実用例 10本勝負!」講演内容のご紹介

この記事では、EWS2017 Technology Track「業務への適用イメージがすぐに湧く!  魔法の業務ロジック作成ツール『IM-LogicDesigner』実用例 10本勝負!」での講演内容 …

no image

intra-mart WebPlatform 7.2 の Docker を作成する

この CookBook では、intra-mart WebPlatform 7.2 の Docker の作成手順について紹介しています。 レシピ ベースイメージの作成 intra-mart WebPl …

ワークフローの一覧を使い分けるには(スマートフォン版)

このCookbookでは、以前に公開した「ワークフローの一覧を使い分けるには(改訂版)」に関して、お問い合わせいただいた内容を追加してスマートフォン画面でワークフローの一覧の検索条件を付与する方法をご …

RSSRSSRSSRSS