このCookBookでは、グリッドテーブルの列タイプ「カスタム」を利用した場合に、マルチセレクトがトグルされないようにする方法を説明します。
グリッドテーブルでは、行内で参照表示となっている部分をクリックすると、マルチセレクトがトグルされる仕様となっています。
その場合、列タイプ「カスタム」は参照表示となるため、ボタン等を配置した場合に、クリックするとマルチセレクトがトグルします。
ここでは、マルチセレクトがトグルされないようにする方法を説明します。
レシピ
- 画面アイテム「グリッドテーブル」を配置する
- 列タイプ「カスタム」のプロパティを設定する
1. 画面アイテム「グリッドテーブル」を配置する
フォーム編集画面で画面アイテム「グリッドテーブル」を配置します。
2. 列タイプ「カスタム」のプロパティを設定する
event.stopPropagation()で、イベントの伝播をとめることで、トグルを回避することができます。
以下は、画像を表示し、その画像をクリックした場合に、トグルしないようにするサンプルとなります。
1 |
<img src="http://www.accel-mart.com/top_img/main_image_01.jpg" onclick="event.stopPropagation()"> |