バージョン

行削除の概要

トピックの概要

目的

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

前提条件

このトピックをより理解するために、以下のトピックを参照することをお勧めします。

トピック 目的

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

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

このトピックの内容

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

はじめに

行削除の概要

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

Row Deleting Overview (WebHierarchicalDataGrid) 1.png

主要機能

主要な機能の概要表

以下の表で、 WebHierarchicalDataGrid の行編集の動作の主要な機能を簡単に説明します。

機能 説明

キーボードの削除

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

[削除] ボタン

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

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

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

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

目的 方法 詳細 構成方法

行の削除

Delete キー

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

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

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

行削除の動作イベント

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

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

イベント 説明

DeleteButtonDisplaying

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

DeleteButtonDisplayed

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

DeleteButtonHidden

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

関連サンプル:

関連コンテンツ

トピック

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

トピック 目的

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

サンプル

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

サンプル 目的

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

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

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

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