C# Programming

ImageDataList(ASP.NET 2.0 β)

開発環境: Visual Studio 2005 

1.目次

1.目次
2.目的
3.参考書
4.DataList
5.DataListのデザインの変更
6.DataListのテンプレートの変更

2.目的

Visual Studio 2005 Beta 1 Refresh with Team System に基づく情報で、自分のためのメモです。

ASP.NET 2.0 Beta のDataListの扱いに関してのメモです。

3.参考書

(1)

4.DataList

データソースの設定方法は、DetailsView, GridView と同じです。

あとは、実行すると標準で次の様な画面になります。

Image

5.DataListのデザインの変更

Common DataList Tasksより、修正をかけていきます。

(1)テーブルデザインの変更

Common DataList Tasksより、Auto Format を選択し、scheme を選択します。ここでは、Slateを選択します。

(2)Common DataList Tasksより、Property Builderを選択します。すると、次のようなプロパティビルダーが表示されます。

プロパティビルダー(General)

Image

プロパティビルダー(Format)

Image

プロパティビルダー(Border)

Image

これらの値を変更することにより、たとえば次のようなフォームに整形することができます。

Image

6.DataListのテンプレートの変更

DataList では、次のようにCommon DataListTask からEdit Templateを選択することにより、テンプレートを編集することができます。

ここで、Templates は、次の3つから構成されています。

  • Item
  • Header and Footer
  • Separator

Item は各項目で、この例ではEmplyeeIDなどです。

Header, Footer は、最初と最後に表示されるヘッダーと、フッターです。

Separator は、各項目の間のセパレータです。

Image

これらのテンプレートを編集することにより、たとえば次のようにカスタマイズすることができます。

Image