学步园

概述

在ASP.NET 3.5 Extensions新特性：ASP.NET Dynamic Data 体验（上）一文中简单的展示了一下ASP.NET Dynamic Data生成的数据视图网页效果，在这一篇中，看一下如何更进一步定制我们的网站。

定制网站外观

首先从最简单的开始定制，在网站下有一个MasterPage.master三个CSS样式文件，可以先从这里下手，修改网站的整体外观。如简单修改一下MasterPage，使其看起来如下所示：

自定义动态数据视图

自定义动态数据视图，可以修改App_Shared/DynamicDataPages下的页面来实现，如可以修改一下ListDetailsTemplate.aspx，为页面中的每部分加上一个标题：

除此之外，我们可以针对特定的表进行数据视图的定制，在网站下添加一个Products文件夹（注意与表名必须相同），并添加一个ListDetail.aspx页面，在页面不显示Detail信息，这时候再打开Products时，显示的页面中没有了Detail信息：

URL的访问方式是~/{table}/{viewName}.aspx，在Web.config中指定：

<dynamicData dataContextType="" enableTemplates="true">
  <mappings queryStringKeyPrefix="" pattern="~/{table}/{viewName}.aspx">
    <add actions="list,details" viewName="ListDetails" templateFile="ListDetailsTemplate.aspx" />
    <!--
      <add actions="list" viewName="List" templateFile="ListTemplate.aspx" />
      <add actions="details" viewName="Details" templateFile="DetailsTemplate.aspx" />
    -->
    <!--
      Special overriding cases
      <add actions="list,details" tables="Products,Categories" viewName="SpecialName" templateFile="ListTemplate.aspx"/>
      <add actions="list" tables="Products" templateFile="DetailsTemplate.aspx" path="~/customPath.aspx"/>
      <add actions="list" tables="Orders" viewName="MyListViewName"/>
    -->
  </mappings>
</dynamicData>
</system.web.extensions>

自定义动态数据字段

自定义动态数据字段，可以通过修改App_Shared/DynamicDataFields下的用户控件来实现，如打开Text_Edit.ascx，为其中的TextBox添加一个背景色：

<asp:TextBox ID="TextBox1" runat="server" Text='<%# DataValue %>' BackColor="#FDDCBF"></asp:TextBox>

再运行网站，进行数据编辑时可以看到：

自己创建动态数据字段

除了使用上面的方法自定义动态数据字段之外，还可以自己创建动态数据字段，在App_Shared/DynamicDataFields下添加一个Dynamic Data Field：

可以看到控件继承于FieldTemplateUserControlBase类，在其中添加一个Label控件，并设置它的前景色为红色：

<%@ Control Language="C#" Inherits="System.Web.DynamicData.FieldTemplateUserControlBase" %>

<asp:Label id="CurrentValueID" runat="server"
    Text='<%# DataValueString %>' ForeColor="#FF0000">  
</asp:Label>

关联数据表中的字段和控件，需要添加一个pratial类，使用RenderHint特性来指定，第一个参数是字段，第二个参数是与其相关联的控件：

[RenderHint("Status", "StatusControl")]
public partial class Item
{

}

然后再运行网站，进入Item数据视图，可以看到Status的前景色都变成了红色：

自定义数据验证

在ASP.NET Dynamic Data中内置支持数据验证，我们也可以进行自定义的数据验证。同样是添加一个pratial类，内置的验证特性有Range、Regex、Require三个，如下代码所示：

using System;
using System.Web.DynamicData;

[Range("Qty", 100, 1000,
    ErrorMessage = "Qty必须在{1}和{2}之间")]
public partial class Inventory
{

}

在运行时如果输入小于100或者大于1000将会给出提示信息： 如果使用使用上面的几个特性还不够的话，你也可以使用LINQ to SQL中的局部方法OnPropertyChanging来进行验证，如下代码所示

public partial class Product 
{
    partial void OnProductNameChanging(string value) 
    {
      if (!Char.IsUpper(value[0])) {
        throw new Exception("Product name must start with an uppercase letter.");}
    }
}

结束语

关于ASP.NET 3.5 Extensions中的新特性动态数据支持就用两篇文章介绍到这里，后续文章再介绍其他的特性。

ASP.NET 3.5 Extensions新特性：ASP.NET Dynamic Data 体验（上）