バージョン

行削除の概要

トピックの概要

目的

このトピックでは、 WebDataGrid ™ の行削除動作の機能の概要を提供します。

前提条件

このトピックをより理解するために、以下のトピックをお読みください。

トピック 目的

このトピックは、 WebDataGrid の動作を説明します。

このトピックでは、 WebDataGrid の編集機能 (EditingCore 動作) の概要を提供します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

はじめに

行削除の概要

行削除の動作は WebDataGrid の削除機能を提供します。動作の必要なクライアント側の HTML および JavaScript は、動作が有効の場合のみに描画されます。デフォルトで行を選択し、Delete キーを押すことによって行を削除できます。そのため、グリッドに選択動作を含み、RowSelectType をデフォルト値 (None) 以外に設定する必要があります。明示的なユーザー インターフェイスを提供するには、[削除] ボタンを有効にするオプションがあります。

Row Deleting Overview (WebDataGrid) 1.png

主要機能

主要な機能の概要表

以下の表は、 WebDataGrid の行削除動作の主な機能の概要を示します。

機能 説明

キーボードの削除

デフォルトで、行削除の動作は、ユーザーが Delete キーを押すと、行を削除します。

[削除] ボタン

有効の場合、[削除] ボタンは、マウスが行の上にホバーするときに表示されます。

ユーザー インタラクションと操作性

ユーザー インタラクションの概要表

以下の表で、 WebDataGrid の行削除の動作のユーザー インタラクション機能を簡単に説明します。

目的 方法 詳細 構成方法

行の削除

Delete キー

マウス ホバーで表示する [削除] ボタン

行削除の動作および選択の動作が有効の場合、ユーザーが行を選択し、Delete キーを押すと、選択した行を削除します。

workaround.png

[削除] ボタンを有効にするには、行削除の動作の ShowDeleteButton プロパティを設定します。

行削除の動作イベント

行削除の動作イベント参照

行削除の動作は、クライアント側の機能をカスタマイズするために使用される以下のクライアント側イベントがあります。

イベント 説明

DeleteButtonDisplaying

マウスが行の上にホバーされたとき、[削除] ボタンを表示する前に発生します。このイベントは、[削除] ボタンが有効の場合のみに発生します。このイベントはキャンセル可能です。

DeleteButtonDisplayed

マウスが行の上にホバーされたとき、[削除] ボタンを表示した後に発生します。このイベントは、[削除] ボタンが有効の場合のみに発生します。

DeleteButtonHidden

マウスが行の上から離れたとき、[削除] ボタンを非表示した後に発生します。このイベントは、[削除] ボタンが有効の場合のみに発生します。

関連サンプル:

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックは、 WebDataGrid で行削除動作を有効にする方法を説明します。

サンプル

このトピックについては、以下のサンプルも参照してください。

サンプル 目的

WebDataGrid は、エンドユーザーが バインド データ ソースから 1 つ以上のデータの行の削除ができる行を削除する動作を含みます。このサンプルは、ユーザーが削除アイコンをクリックしたときに現在の行がバインドされたデータソースから削除されるよう動作を設定する方法を紹介します。

WebDataGrid は、エンドユーザーが バインド データ ソースから 1 つ以上のデータの行の削除ができる行を削除する動作を含みます。このサンプルでは、動作のサーバー イベントと対話する方法を紹介します。

このサンプルでは、 WebDataGrid で [削除] ボタンを有効にする方法を紹介します。

行削除動作の外観を行削除プロパティを使用してカスタマイズできます。また、ボタンの表示を回避するために DeleteButtonDisplaying イベントを処理できます。