バージョン

行削除の有効化

始める前に

WebDataGrid™ でデータを削除するには、 RowDeleting 動作を  Behaviors コレクションに追加します。この動作によってエンド ユーザーは WebDataGrid で行を削除することができます。UI で機能するように削除するには、 Selection 動作を有効にすることも必要です。デザイナで RowDeleting を有効にすると、Selection 動作も追加するようにプロンプト表示されます。

行を選択して、Delete キーを押すことによって行を削除できます。

注: WebDataGrid は削除操作を直ちにコミットします。行の削除によって直ちにポストバックが発生し、データ ソースへの変更を保持します。

注: この種類の自動的な更新に対してサポートされるデータ ソースを発生させる必要があります。この機能を活用できるデータ ソースのリストについては、 サポートされるデータ ソースを参照してください。データ ソースが WebDataGrid によって自動的に更新できない場合、更新イベントを処理してデータを手動で更新する必要があります。

達成すること

WebDataGrid コントロールで行を削除することができます。

次の手順を実行します

  1. WebDataGrid を SqlDataSource コンポーネントにバインドして、Customers テーブルからデータを取得します。実行についての詳細は、 WebDataGrid で開始を参照してください。

  2. WebDataGrid の Microsoft® Visual Studio™ プロパティ ウィンドウで、WebDataGrid での変更がデータ ソースに更新できるように DataKeyFields プロパティを CustomerID に設定します。

  3. 同じウィンドウで、Behaviors プロパティを指定して、省略記号 (…​) ボタンをクリックし、[動作エディタ] ダイアログを起動します。

  4. この動作を追加して有効にするには、左のリストから行削除の隣りのチェックボックスをチェックします。Selection を追加することもプロンプト表示されます。

  5. [はい] をクリックしてプロンプトを確認します。Selection および  RowSelectors 動作が WebDataGrid に追加されます。

  6. [適用]、そして [OK] をクリックします。

  7. WebDataGrid のプロパティ ウィンドウで EnableAjax が True であることをチェックします。そうでない場合は、True に設定します。WebDataGrid で行を選択し、Delete を押すと、コントロールからだけでなくデータ ソースから行が削除されます。

クライアントでプログラムによって行を削除することもできます。

JavaScript の場合

 // 1 行目を削除します
grid.get_rows().remove(grid.get_rows().get_row(0));