ASP.NET 2.0数据教程之四：使用ObjectDataSource展现数据

系列文章导航：

ASP.NET 2.0数据教程之一：创建一个数据访问层

ASP.NET 2.0数据教程之二：创建一个业务逻辑层

ASP.NET 2.0数据教程之三：母板页和站点导航

ASP.NET 2.0数据教程之四：使用ObjectDataSource展现数据

ASP.NET 2.0数据教程之五：声明参数

ASP.NET 2.0数据教程之六：编程设置ObjectDataSource的参数值

ASP.NET 2.0数据教程之七：使用DropDownList过滤的主/从报表

ASP.NET 2.0数据教程之八：使用两个DropDownList过滤的主/从报表

ASP.NET 2.0数据教程之九：跨页面的主/从报表

ASP.NET 2.0数据教程之十：使用 GridView 和DetailView实现的主/从报表

ASP.NET 2.0数据教程之十一：基于数据的自定义格式化

ASP.NET 2.0数据教程之十二：在GridView控件中使用TemplateField

使用主题（Themes）保持显示风格的一致

这里会尽可能地移除控件层面的样式设置，取而代之的是使用在一个外部文件里定义的级联样式表。文件Styles.css包含了DataWebControlStyle、HeaderStyle、RowStyle和 AlternatingRowStyle 这几种CSS样式可以用来指示Data Web服务器控件的外观。为了实现这一点，我们可以设置GridView控件的CssClass属性为DataWebControlStyle，HeaderStyle、RowStyle和 AlternatingRowStyle的CssClass属性也类似地设置。

如果我们设置了这些CssClass属性到Web控件，那么我们不得不记得明确地把每一个属性的值和每一个Data Web服务器控件记录到我们的手册中。一种更为方便管理的方法是使用一个Theme定义CSS样式跟GridView、 DetailsView和FormView控件的属性之间的关联关系。Theme是一个控件层面的属性设置、图片和CSS样式的集合，它可以应用到整个站点的所有页面强制约束外貌和感观。

我们的Theme将不会包含图片和CSS文件（我们会把stylesheet Styles.css文件照旧留在web应用程序的根目录下），但是它会包含两个外观（Skin）。外观是一个包含Web控件的默认属性设置的文件。特别地，我们将创建一个Skin文件为GridView和 DetailsView定义外观，标示默认的CssClass关联的属性。

在解决方案资源管理器里选中当前项目，从右键菜单中选择“添加新项”，添加一个外观文件到你的项目并命名为GridView.skin 。

图9: 添加一个外观文件并命名为GridView.skin

Skin files need to be placed in a Theme, which are located in the App_Themes folder. Since we don’t yet have such a folder, Visual Studio will kindly offer to create one for us when adding our first Skin. Click Yes to create the App_Theme folder and place the new GridView.skin file there.

外观文件需要被放置到一个主题里，而主题文件则存放在App_Themes文件夹里。因为我们目前还没有这个文件夹，当我们添加第一个外观文件时，Visual Studio会友善地提议为我们创建一个。点击“是”，自动创建App_Theme文件夹并把刚刚添加的GridView.skin文件放置在那里。

图 10: 让Visual Studio自动创建App_Theme文件夹