GridView for ASP.NET Web Forms
手順 1:コントロールを DataSource に連結する
クイックスタート > 手順 1:コントロールを DataSource に連結する

この手順では、クイックスタートの最初に、新しいプロジェクトを作成し、C1GridView コントロールをプロジェクトに追加します。次に、C1GridView コントロールをデータソースに連結します。この例では、標準の Northwind データベースNwind.mdbC:\Users\<ユーザー名>\Documents\ComponentOne Samples\Common ディレクトリにあることを想定しています。

まず、以下の手順を実行します。

  1. Visual Studio で、[ファイル][新規作成][プロジェクト]を選択します。[新しいプロジェクト]ダイアログボックスが表示します。
  2. [新しいプロジェクト]ダイアログボックスで、左ペインから言語を選択し、テンプレートリストから[Web]を選択します。右ペインから [ASP.NET 空の Web アプリケーション]を選択して、プロジェクトの名前を入力し、[OK]をクリックします。新しいアプリケーションが作成されます。
  3. ソリューションエクスプローラで、プロジェクトを右クリックして表示するコンテキストメニューから[追加][新しい項目]を選択します。
  4. [新しい項目の追加]ダイアログボックスで、テンプレートのリストから[Web フォーム]を選択し、項目の名前Default.aspx と入力して[追加]をクリックします。これで、新しいページが開きます。
  5. ソリューションエクスプローラで、プロジェクトを右クリックして表示するコンテキストメニューから[追加][新しいフォルダ]を選択します。新しいフォルダは App_Data と名前を付けます。
  6. Visual Studio のツールボックスに移動し、C1GridView アイコンをダブルクリックしてコントロールをプロジェクトに追加します。
  7. ソリューションエクスプローラウィンドウで、App_Data フォルダを右クリックして、コンテキストメニューから[既存項目の追加]を選択します。
  8. [既存項目の追加]ダイアログボックスで、Northwind データベースの格納場所に移動し、Nwind.mdb を選択します。そして〈追加〉をクリックし、ダイアログボックスを閉じて、ファイルをプロジェクトに追加します。
  9. C1GridView コントロールのスマートタグをクリックして、[C1GridView タスク]メニューを開きます。
  10. 〈データソースの選択〉ドロップダウン矢印をクリックして、[新しいデータソース]を選択します。[データソース構成ウィザード]が開きます。
  11. [データソース構成ウィザード]画面で、[Access データベース]を選択します。入力されているデフォルト ID、AccessDataSource1 をそのまま残して、〈OK〉をクリックします。
  12. [データソースの選択]画面で、〈参照〉ボタンをクリックして、データベースの場所を決めます。
  13. [Microsoft Access データベースの選択]ダイアログボックスで、[プロジェクトフォルダ]リストの App_Data フォルダをクリックします。[フォルダの内容]ペインで、Nwind.mdb ファイルを選択して、〈OK〉をクリックします。
  14. Nwind.mdb データベースが[データベースの選択]画面に表示されます。〈次へ〉をクリックして、操作を続行します。
  15. [Select ステートメントの構成]画面で、〈テーブルまたはビューから列を指定〉ラジオボタンが ON になっていることを確認します。[名前]ドロップダウンリストで、[Products]を選択します。[]ペインで、アスタリスク(*)チェックボックスを選択して、すべての列を選択します。〈次へ〉をクリックして、操作を続行します。
  16. クエリーのテスト]ページでクエリーをテストできます。〈完了〉をクリックして、ウィザードを閉じてグリッドのバインディングを実行します。グリッドの列がデータソースを反映していることに注意してください。

    グリッドの列がデータソースを反映していることに注意してください。

これで、単純なグリッドアプリケーションを作成するために必要な作業は完了です。このグリッドは Northwind データベースに連結されています。 この時点でプロジェクトを実行すると、機能完備のグリッドアプリケーションが表示され、データベースの Products テーブルのデータフォームにアクセスして、 表形式でデータをインタラクティブに操作することができます。このクイックスタートの次の手順では、グリッドの外観と動作をカスタマイズして、グリッドの実行時 インタラクティブ操作を説明します。

関連トピック