目次

ASP.NET での DataBindings を利用したアプリケーション

GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方

目次

GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションを作成します。

作成手順

ASP.NET Webアプリケーションを新規作成します。Webフォームを作成しフォームにGridViewを配置します。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像1

デザイナにGridViewを配置した状態です。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像2

GridViewコントロールの右上の[<]ボタンを押してタスクメニューを表示します。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像3

タスクメニュー内の[データソースの選択]コンボボックス開きます。ドロップダウンリストの[<新しいデータソース>]を選択します。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像4

[データソース構成ウィザード]ダイアログが表示されます。データソースの作成の手順についてはこちらの記事を参照してください。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像5

データソースの作成が完了すると、"SqlDataSource"コンポーネントがフォームに追加されます。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像6

データソースの選択コンボボックスでフォームに追加されたSqlDataSourceコンポーネントが選択されています。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像7
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像8

プロジェクトを実行します。Webブラウザが起動し、下図の画面が表示されます。データベースのテーブルのレコードの内容が表形式で画面に表示されます。
GridView を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - GridViewの使い方:画像9

GridViewを用いたデータベースを参照するシンプルWebアプリケーションが作成できました。

AuthorPortraitAlt
著者
iPentec.com の代表。ハードウェア、サーバー投資、管理などを担当。
Office 365やデータベースの記事なども担当。
作成日: 2012-10-31