当前位置:首页 > ASP.NET 3.5 Extensions新特性:ASP.NET Dynamic Data 体验2

ASP.NET 3.5 Extensions新特性:ASP.NET Dynamic Data 体验2

点击次数:1042  更新日期:2010-12-29
\n


\n

概述


\n

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


\n

定制网站外观


\n

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


\n

TerryLee_DynamicData_012


\n

自定义动态数据视图


\n

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


\n

TerryLee_DynamicData_014


\n

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


\n

TerryLee_DynamicData_013


\n

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

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

\n

自定义动态数据字段


\n

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

<asp:TextBox ID=”TextBox1″ runat=”server” Text=’<%# DataValue %>’ BackColor=”#FDDCBF”></asp:TextBox>

\n

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


\n

TerryLee_DynamicData_015


\n

自己创建动态数据字段


\n

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


\n

TerryLee_DynamicData_016


\n

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

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

\n

<asp:Label id=”CurrentValueID” runat=”server”
\n Text=’<%# DataValueString %>’ ForeColor=”#FF0000″>
\n</asp:Label>


\n

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

[RenderHint("Status", "StatusControl")]
\npublic partial class Item
\n{

\n

}
\n


\n

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


\n

TerryLee_DynamicData_017


\n

自定义数据验证


\n

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

using System;
\nusing System.Web.DynamicData;

\n

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

\n

}

在运行时如果输入小于100或者大于1000将会给出提示信息:TerryLee_DynamicData_018 如果使用使用上面的几个特性还不够的话,你也可以使用内置的DynamicValidator来进行验证,如下代码所示,方法名必须为On[字段名]Changing:
public partial class Product
\n{
\n partial void OnProductNameChanging(string value)
\n {
\n if (!Char.IsUpper(value[0])) {
\n throw new Exception(“Product name must start with an uppercase letter.”);}
\n }
\n}

\n

结束语


\n

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


\n

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


\n

作者:TerryLee


\n

出处:http://terrylee.cnblogs.com

\n