ASP.NET 2.0中GridView与DetailsView的联合使用

ASP.NET 1.x 中DataGrid的功能在ASP.NET 2.0中得到了增强。DataGrid增强的功能在2.0中分散到了GridView、DetailsView 和FormView 三个控件中。今天讨论一下GridView与DetailsView如何联合使用。

GridView和DetailsView的用法与1.x中有很大的不同，主要是2.0新增了4个DataSource控件。其中有3个直接或间接继承自System.Web.UI.DataSourceControl 另一个（SiteMapDataSource）继承自System.Web.UI.HierarchicalDataSourceControl。在实际应用中，用的较多的是ObjectDataSource。ObjectDataSource控件支持Web开发的三层架构，把表示层和数据层真正分开了。

ObjectDataSource允许指定一个类给它的TypeName属性。同时指定这个类的一个公共方法给它的SelectMethod属性。这可以是一个中间层的类，在这个类中可以调用数据层的方法也可以与数据层完全无关。与ObjectDataSource相连的GridView或DetailsView则只负责显示，而与数据逻辑无关。

要在GridView中显示数据只要把一个ObjectDataSource的ID赋给GridView的DataSourceID属性（实际上GridView中绑定的数据源只需要实现IEnumerable 或 ItypedList接口即可）。

在GridView的Smart Tag中有Choose Data Source的选项，可以选取页面中已存在的DataSource。选定DataSource后可以点击Configure Data Source，会出现下面的界面

在其中可以选择一个类，这个类的类名将会作为ObjectDataSource的TypeName属性。然后Next下去…

在这可以选择select、update、insert和delete分别对应的方法。但可以不选。一个ObjectDataSource的select方法是必须要有的，如果没有在这个界面中选择的话，可以在Page_Load方法中根据需要指定，例如（这个小示例与下面的例子无关）：

1 void Page_Load( object sender,EventArgse)
2 {
3if(!Page.IsPostBack)
4{
5if(Page.User.IsInRole("Administrator"))
6{
7ObjectDataSource1.SortParameterName="sortParameter";
8ObjectDataSource1.SelectMethod="GetStudents";
9}
10else
11{
12ObjectDataSource1.SelectParameters.Add(newParameter("Name",TypeCode.Int32,Page.User.Identity.Name));
13ObjectDataSource1.SortParameterName="sortParameter";
14ObjectDataSource1.SelectMethod="SelectStudent";
15}
16}
17}

对于GridView的数据显示，一个常见的问题是：它根据什么生成行，又根据什么生成列呢？GridView需要的数据源只需实现IEnumerable 或 ItypedList接口。所以ObjectDataSource的select方法的返回值也必然要遵守几个条件：实现IEnumerable 或 ItypedList接口或直接是DataSet。如果返回值是DataSet，GridView会根据DataSet中的第一个Table生成行和列。否则，将枚举每一个返回值作为一行，并根据返回值的类型应用反射技术找出它的public属性作为列（前提是AltoGenerateColumn属性设为true）。例如：select方法返回类型是List<StrudentData>

StudentData类型有Name, Age, ID, Sex等属性，那么GridView就会将返回的每一个StudentData作为一行，并生成相应的Name, Age, ID, Sex列。

DetailsView如果想要显示GridView当中选定行的详细信息，则需要新建一个ObjectDataSource,这个ObjectDataSource的TypeName一般与第一个ObjectDataSource的TypeName相同，但是它的select方法应该与第一个ObjectDataSource的不同。不同之处在于这个select方法应该接收一个参数（一般应该是返回类型的主键），用以确定显示哪个实例的具体信息。

在接下来的Wizard中

要选取这个参数的数据源。注意右边的Parameter source,这里选择的是Control，表示是从页面的控件中读取数据。这个选项中还有Cookie,Form,Session等，分别代表不同的数据源。选择Control后，下面变成了ControlID的选择，这里选择了GridView1，就是要与之相连的GridView。注意左边的Parameters框，i的Value变成了GridView1.SelectValue。但仅仅这样的话，i是得不到值的。这里必须提到DataKeyName属性，这个属性代表GridView中数据的主键， 在这里GridView1的DataKeyName属性不能为空。也就是说，GridView的SelectValue属性实际上是选中行的名为DataKeyName的属性的值。即：如果GridView1的DataKeyName属性为”ID”，它所显示的数据列有一列为“ID”，则给i赋的值就是ID列的值。

在DetailsView中如果主键列不显示，也必须把主键列的列名赋值给DataKeyName属性（多个主键可以用逗号分开）。因为ViewState中只存放所显示列的值和在DataKeyName中指定的列的值。如果不赋值给DataKeyName的话，在DetailsView中使用Update、Delete方法的时候，主键列从ViewState中读取不到值，将会用默认值代替，这样就得不到想要的结果。

最后，介绍一下ObjectDataSource的DataObjectTypeName属性。我们在Update和Insert的时候往往需要多个参数代表对象的不同属性。这种做法首先容易出错，其次也不利于数据的封装。于是ObjectDataSource添加了一个DataObjectTypeName属性，这个属性确定了一个类，这个类可以封装要被修改或插入的值的全部属性值。在确定了这个属性后，在Update和Insert的函数中就可以用DataObjectTypeName属性定义的那个类作为参数类型。DataObjectTypeName的这种用法在下面的例子中可以看到。在调用在Update和Insert的时候，ASP.NET会自动实例化一个DataObjectTypeName属性定义的类型，并给它赋值，然后传给调用的函数。

做为DataObjectTypeName属性的类主要有以下三点要求：

1. 这个类必须有一个缺省的构造函数（就是0参数的构造函数）

2. 这个类的公有属性名必须和GridView或DetailsView所绑定的类的公有属性名相同

3. 这些公有属性必须get和set两种方法都具备。

经过上面的配置，GridView和DetailsView就可以配合使用了。下面是一个例子：

页面文件：

<% @PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default" %>

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title > UntitledPage </ title >
</ head >
< body >
< form id ="form1" runat ="server" >
< asp:ObjectDataSource ID ="ObjectDataSource1" runat ="server" InsertMethod ="InsertStudent" SelectMethod ="GetStudents" TypeName ="Student" UpdateMethod ="UpdateStudent" OldValuesParameterFormatString ="Original_{0}" DataObjectTypeName ="StudentData" DeleteMethod ="DeleteStudent" >
</ asp:ObjectDataSource >
< div >
< asp:GridView ID ="GridView1" runat ="server" AllowSorting ="True" CellPadding ="4" DataSourceID ="ObjectDataSource1" ForeColor ="#333333" GridLines ="None" DataKeyNames ="ID" AutoGenerateColumns ="False" >
< FooterStyle BackColor ="#507CD1" Font-Bold ="True" ForeColor ="White" />
< RowStyle BackColor ="#EFF3FB" />
< Columns >
< asp:CommandField ShowSelectButton ="True" />
< asp:BoundField DataField ="Name" HeaderText ="Name" SortExpression ="Name" />
</ Columns >
< PagerStyle BackColor ="#2461BF" ForeColor ="White" HorizontalAlign ="Center" />
< SelectedRowStyle BackColor ="#D1DDF1" Font-Bold ="True" ForeColor ="#333333" />
< HeaderStyle BackColor ="#507CD1" Font-Bold ="True" ForeColor ="White" />
< EditRowStyle BackColor ="#2461BF" />
< AlternatingRowStyle BackColor ="White" />
</ asp:GridView >
&nbsp; &nbsp;
< asp:ObjectDataSource ID ="ObjectDataSource2" runat ="server" DataObjectTypeName ="StudentData"
DeleteMethod ="DeleteStudent" InsertMethod ="InsertStudent" SelectMethod ="SelectStudent"
TypeName ="Student" UpdateMethod ="UpdateStudent" >
< SelectParameters >
< asp:ControlParameter ControlID ="GridView1" Name ="i" PropertyName ="SelectedValue"
Type ="Int32" />
</ SelectParameters >
</ asp:ObjectDataSource >
&nbsp;&nbsp;
</ div >
< asp:DetailsView ID ="DetailsView1" runat ="server" Height ="50px" Width ="125px" CellPadding ="8" DataSourceID ="ObjectDataSource2" ForeColor ="#333333" GridLines ="None" AutoGenerateRows ="False" Font-Names ="宋体" Font-Overline ="False" Font-Size ="10pt" Font-Strikeout ="False" Font-Underline ="False" DataKeyNames ="ID" >
< FooterStyle BackColor ="#507CD1" Font-Bold ="True" ForeColor ="White" />
< CommandRowStyle BackColor ="#D1DDF1" Font-Bold ="True" />
< RowStyle BackColor ="#EFF3FB" />
< FieldHeaderStyle BackColor ="#DEE8F5" Font-Bold ="True" />
< PagerStyle BackColor ="#2461BF" ForeColor ="White" HorizontalAlign ="Left" />
< Fields >
< asp:BoundField DataField ="Age" HeaderText ="Age" SortExpression ="Age" />
< asp:BoundField DataField ="Name" HeaderText ="Name" SortExpression ="Name" />
< asp:CheckBoxField DataField ="Sex" HeaderText ="Sex" SortExpression ="Sex" />
< asp:CommandField ShowDeleteButton ="True" ShowEditButton ="True" ShowInsertButton ="True" />
</ Fields >
< HeaderStyle BackColor ="#507CD1" Font-Bold ="True" ForeColor ="White" />
< EditRowStyle BackColor ="#2461BF" />
< AlternatingRowStyle BackColor ="White" />
</ asp:DetailsView >
</ form >
</ body >
</ html >

后台代码：

Default.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
DetailsView1.ItemCreated+=delegate(objects,EventArgsee)
{
GridView1.DataBind();
};

DetailsView1.ItemDeleted+=delegate(objects,DetailsViewDeletedEventArgsee)
{
GridView1.DataBind();
};

DetailsView1.ItemUpdated+=delegate(objects,DetailsViewUpdatedEventArgsee)
{
GridView1.DataBind();
};
}

}

App_Code/Students.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Collections.Generic;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public class Student
{
staticprivateList<StudentData>students;

publicStudent()
{
if(students==null)
{
students=newList<StudentData>();
StudentDatadata=newStudentData("ChiewenLy",23,true);
students.Add(data);

data=newStudentData("A~Foo",24,false);
students.Add(data);

data=newStudentData("lyg",25,true);
students.Add(data);

}
}

publicList<StudentData>GetStudents()
{
returnstudents;
}

publicStudentDataSelectStudent(inti)
{
foreach(StudentDatastudentinstudents)
{
if(student.ID==i)
{
returnstudent;
}
}
//如果返回一个null，则所绑定的控件将不会显示
returnnull;
}

publicvoidInsertStudent(StudentDatastuData)