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

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

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

作成手順

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

DataListコンポーネントの右上の[>]ボタンをクリックし、[DataList タスク]メニューを表示します。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像2

[データソースの選択]コンボボックスを開きます。データソースが無いため、[<新しいデータソース>]を選択します。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像3

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

データソースが作成できると、[データソースの選択]欄に選択されます。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像5

データソースが選択された状態になると、デザイナ画面で外観が表示されるようになります。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像6

実行結果

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

外観の変更

フォームデザイナに戻り、DataListコンポーネントの[DataList タスク]メニューを表示します。メニュー内の[オートフォーマット]メニューを選択します。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像8

[オートフォーマット]ダイアログが表示されます。変更したいスキームを左側の一覧から選択します。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像9

[シンプル]スキームを選択しました。[OK]ボタンを押してダイアログボックスを閉じます。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像10

プロジェクトを実行します。DataListが選択したスキームの外観に変わりました。
DataList を用いたシンプルなデータベース参照 ASP.NET Webアプリケーションの作成 - DataListの使い方:画像11

AuthorPortraitAlt
著者
iPentec.com の代表。ハードウェア、サーバー投資、管理などを担当。
Office 365やデータベースの記事なども担当。
作成日: 2012-11-12
Copyright © 1995–2025 iPentec all rights reserverd.