ASP.NET 3.5 Extensions新特性:ASP.NET Dynamic Data 体验(下)

概述

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

定制网站外观

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

TerryLee_DynamicData_012

自定义动态数据视图

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

TerryLee_DynamicData_014

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

TerryLee_DynamicData_013

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>

再运行网站,进行数据编辑时可以看到:

TerryLee_DynamicData_015

自己创建动态数据字段

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

TerryLee_DynamicData_016

可以看到控件继承于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的前景色都变成了红色:

TerryLee_DynamicData_017

自定义数据验证

在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将会给出提示信息:TerryLee_DynamicData_018 如果使用使用上面的几个特性还不够的话,你也可以使用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 体验(上)

posted @ 2007-12-19 23:45 TerryLee 阅读(...) 评论(...) 编辑 收藏