![WebGrid Binding WebGrid To SQL Data Source 01.png](images/WebGrid_Binding_WebGrid_To_SQL_Data_Source_01.png)
WebDataGrid™ によって複雑な動作や動的操作に対して多くの機能を有効にすることができます。ただし最も一般的に使用するのはデータを表示するためです。WebDataGrid でデータをバインドして表示するのは簡単なプロセスです。
WebDataGrid を Northwind データベースの顧客テーブルにバインドする方法を学習します。
ASP.NET Web ページを作成します。
Microsoft® Visual Studio™ ツールボックスからページに ScriptManager コンポーネントをドラッグします。
WebDataGrid コントロールをページにドラッグします。
SqlDataSource コンポーネントをページにドラッグします。
SqlDataSource コンポーネントのスマート タグをクリックして、[データ ソースの構成] を選択します。[データ ソースの構成] ウィザードが表示します。
[新しい接続] をクリックして接続文字列を構成します。[接続を追加] ダイアログが表示します。
この場合、使用しているサーバー、.\SQLEXPRESS にサーバー名を指定します。データベースを Northwind に設定します。
[OK] をクリックします。[接続の構成] 画面に戻ります。
[次へ] をクリックします。
[テーブル] または [ビュー] から [列の指定] を選択し以下を実行します:
ドロップダウン リストから Customers テーブルを選択します。
[列] セクションで、CustomerID、CompanyName、ContactName および ContactTitle を選択してこれらの列を表示します。
この時点で、SqlDataSource コンポーネントが取得されたデータの Insert、Update および Delete ステートメントを生成することを指定するために [詳細] ボタンをクリックするオプションがあります。
[次へ] をクリックします。
SqlDataSource がデータを取得することを保証するためにクエリをテストします。
[完了] をクリックして構成ウィザードを閉じます。SqlDataSource は Northwind データベースから Customers データを取得するように設定されます。
WebDataGrid のプロパティ ウィンドウで、SqlDataSource コンポーネントの ID となるように DataSourceID を設定します。
DataKeyField プロパティを CustomerID に設定します。
アプリケーションを実行します。WebDataGrid は顧客テーブルにバインドしてデータを表示します。