バージョン

行編集の概要

トピックの概要

目的

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

前提条件

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

トピック 目的

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

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

このトピックの内容

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

はじめに

行編集の概要

行編集動作は、 WebHierarchicalDataGrid 編集モードが向上された機能です。ユーザーに高い編集エクスペリエンスを提供します。行編集を使用すると、編集中の行はすべてのセルにエディターを表示します。編集中の行にダイアログで [完了] および [キャンセル] ボタンは表示されます。このボタンは、保留中の編集を保存するか、キャンセルします。

Row Editing Overview (WebHierarchicalDataGrid) 1.png

デフォルトで、行編集は無効に設定されています。 WebHierarchicalDataGrid デザイナー、ASPX マークアップ、またはコード ビハインドで有効できます。詳細は、「 行編集の有効化 」トピックを参照してください。

主要機能

主要な機能の概要表

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

機能 説明

行の全体の編集モード

セル編集の動作と異なり、行編集動作はグリッド行の全体を編集モードに入れます。ユーザーは編集モードにある行を簡単に識別できます。

[完了] および [キャンセル] ボタン

このボタンは、編集モードにある行の下のダイアログに表示されます。グリッド コンテナーの右側に相対して配置され、垂直スクロールでこの位置から移動しません。編集中の行の変更を保存するか、キャンセルする方法を提供します。

  • [完了] ボタン – 行値の変更を保存し、編集モードを終了します。

  • [キャンセル] ボタン – 行値の変更を元に戻し、編集モードを終了します。

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

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

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

目的 方法 詳細 構成方法

行を編集モードに入れます。

ダブルクリックまたはダブル タップ

デフォルトで、行編集はダブルクリックまたはダブル タップで編集モードを開始します。

workaround.png

編集動作の EditModeActions プロパティによって構成できます。

行の変更を保存し、編集モードを終了します。

  • クリックまたはタップ

  • [完了] ボタン

  • Enter キー

デフォルトで、ユーザーが編集中以外の行をクリックするか、タップすると、編集中の行の変更を保存し、行が編集モードを終了します。

[完了] ボタンをクリックするか、キーボードの Enter キーを押すと、編集モードで行の変更を保存し、編集モードを終了します。

workaround.png
  • クリック動作およびタップ動作はイベントを使用して構成できます。 行編集のクライアント イベント サンプルを参照してください。

  • [完了] および [キャンセル] ボタンのダイアログは、編集動作の EnableDialog プロパティによって非表示できます。

行の変更をキャンセルし、編集モードを終了します。

[キャンセル] ボタン

Esc キー

[キャンセル] ボタンをクリックするか、キーボードの Esc キーを押すと、編集モードで行の変更をキャンセルし、編集モードを終了します。

workaround.png

[完了] および [キャンセル] ボタンのダイアログは、編集動作の EnableDialog プロパティによって非表示できます。

行編集動作のイベント

行編集の動作イベント参照

行編集の動作は、クライアント側の機能をカスタマイズするために使用される以下のクライアント側イベントがあります。このイベントは、イベント引数によってセル値へのアクセスを提供します。

イベント 説明

EnteringEditMode

行が編集モードに入る前に発生します。このイベントはキャンセル可能です。

EnteredEditMode

行が編集モードに入った後に発生します。

ExitingEditMode

行が編集モードを終了する前に発生します。2 つの方法によってキャンセルできます。eventArgs.keepEditing(true) を使用して行が編集モードの終了を回避するか、eventArgs.set_cancel(true) を使用して編集モードを終了し、変更をキャンセルします。

ExitedEditMode

行が編集モードを終了した後に発生します。

関連コンテンツ

トピック

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

トピック 目的

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

サンプル

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

サンプル 目的

このサンプルでは、[完了]/[キャンセル] ボタンを使用する行編集動作を表示し、編集中の行の各セルにエディターを表示します。

このサンプルでは、[完了]/[キャンセル] ボタンを非表示、またはボタンのカスタム HTML および CSS クラスを提供して、行編集動作の外観をカスタマイズできます。同じプロセスを WebDataGrid および WebHierarchicalDataGrid に適用できます。

このサンプルでは、行編集動作をカスタマイズするために EnteringEditMode および ExitingEditMode イベントを使用する方法を紹介します。同じプロセスを WebDataGrid および WebHierarchicalDataGrid に適用できます。