使用ASP.NET 2.0 DetailsView控件处理数据

转帖|其它|编辑:郝浩|2008-09-18 14:16:00.000|阅读 2186 次

概述:使用ASP.NET 2.0 DetailsView控件处理数据

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

  在前两个星期,我们已经探讨了如何使用ASP.NET 2.0的GridView数据控件查看和操作网页中的数据。(如果你还没看过,现在还来的及,点击这里浏览第一部分和第二部分。)使用GridView控件可以方便对大量数据的处理,但你经常需要对GridView控件中的单行数据或记录进行具体处理。这时,ASP.NET 2.0中有另一个控件(DetailsView)会使这项任务变得简单。

  DetailsView 控件

  在ASP.NET 1.1中,对单条记录的操作需要自己定义,并加以拓展,但到了2.0,我们有了DetaillsView控件,这就变得简单又直截了当了。这个控件可以和任意数据源进行绑定,并使用它的数据操作命令集。

  DetailsView控件需要先和数据源控件绑定在一起。数据源控件负责连接存储的数据和返回选中数据的具体操作。把DetailsView控件绑定到数据如此简单,只需设置DataSourceID属性声明一下就可以了。同时,也可以利用代码选项(code option)。

  具体可进行的操作和数据源类型有关,但是,只要下层数据源允许并且相应的SQL命令已经定义,通过DetailsView控件都可以对其下层数据源中的数据进行分页、更新、插入,和删除操作。DetaillsView控件和GridView控件特点相同,使用方便,无需自设代码。

  声明语法(Declarative syntax)

  你可以通过清单A的语法使用DetailsView控件。(你会注意到,代码使用的许多属性和GridView控件支持的属性都相同。)

 清单A

<asp:DetailsView
runat="server"
ID="DetailsViewID" DataSourceId="DataSourceID"
AutoGenerateRows="True|False"AutoGenerateEditButton="true|false"

AutoGenerateInsertButton="true|false" AutoGenerateDeleteButton="true|false" AllowPaging="true|false" Headertext="Header Text">
<PagerSettings
Mode="NextPreviousFirstLast" FirstPageImageUrl="assign image to first page link" LastPageImageUrl="assign image to last page link" NextPageImageUrl="assign image to next page link" PreviousPageImageUrl="assign image to previous page link" />
</asp:DetailsView>

[SPAN]

  该控件的详细代码选项数目繁多,具体声明语法可参见微软给出的样本。你可以通过PagerSettings元素控制页面选项(paging option),除此之外,也可以控制该控件不同区域的显示模式,如页尾、页头、单行,如此等等。清单 B的简单例子示范了DetailsView控件的用法。

清单 B

<%@ Page Language="C#" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"><title>Untitled Page</title></head>
<body>
<form id="frmDetailsViewExample" runat="server">
<asp:SqlDataSource ID="dsExample"
ConnectionString="Server=localhost;Database=Northwind;Trusted_Connection=true" SelectCommand="SELECT * FROM Employees" Runat="Server" />
<asp:DetailsView ID="dvExample" runat="server" Height="50px" Width="125px" DataSourceID="dsExample" AllowPaging="true" AutoGenerateDeleteButton="false" AutoGenerateInsertButton="false" AutoGenerateEditButton="false">
</asp:DetailsView>
</form></body></html>

  示例代码把DetailsView控件和网页(后端SQL服务器)包含的数据源绑定在一起。DetailsView控件上包含有页面链接(AllowPaging=”true”),但是删除(delete)、编辑(edit)、和更新(update)按钮是被禁止的。

  通过页面链接,你可以按页查看数据库记录。默认条件下,页面链接直接作为数字链接显示在更新按钮下方。你可以通过众多的页面选项改变控件的显示外观。此外,删除和更新按钮需要使用数据源控件定义的删除和更新命令才能操纵后端服务器上存储的记录。

  刚才的语法清单包含了AutoGenerateRows属性,使用它可以让系统自动显示记录(true),否则(false)就得自定义需要显示的字段。字段(Fields)元素可以用于定义DetailView应当包含的字段。可能的各类控件字段如下所示:

  • BoundField字段:把该字段绑定到下层数据源的一个数据项,并显示该数据。
  • ButtonField字段:显示一个按钮。
  • CheckBoxField字段:显示复选框。
  • CommandField字段:显示命令按钮。
  • HyperLinkField字段:显示URL链接。
  • ImageField字段:以图片方式显示下层数据。
  • TemplateField字段:用来为数据元素自定义显示格式。
  • 更详细的字段类型介绍请点击这里查看。 [SPAN]

  清单 C使用了BoundField类型的字段,并通过指定的用户标签(custom label)有选择地显示来自SQL服务器数据源的数据。同时,这个示例还用到了删除、编辑,和更新按钮选项,这通过设定下面这些DetailsView对象的属性实现。

清单 C

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"><title>DetailsView Example</title></head>
<body>
<form id="frmDetailsViewExample" runat="server">
<asp:SqlDataSource ID="dsExample" ConnectionString="Server=localhost;Database=Northwind;Trusted_Connection=true" SelectCommand="SELECT EmployeeID, LastName, FirstName, HomePhone, HireDate FROM Employees" Runat="Server"
UpdateCommand="UPDATE Employees SET LastName=@LastName, FirstName=@FirstName,
HomePhone=@HomePhone, HireDate=@HireDate WHERE EmployeeID=@EmployeeID"?
DeleteCommand="DELETE FROM Employees WHERE EmployeeID=@EmployeeID"
InsertCommand="INSERT INTO Employees (LastName, FirstName, HomePhone,
HireDate) VALUES (@LastName, @FirstName, @HomePhone, @HireDate) />
<asp:DetailsView ID="dvExample" runat="server" Height="50px" Width="125px" DataSourceID="dsExample? AllowPaging="true" AutoGenerateDeleteButton="true" AutoGenerateInsertButton="true"
AutoGenerateEditButton="true" AutoGenerateRows="false">
<Fields>
<asp:BoundFieldDataField="EmployeeID" HeaderText="ID:" ReadOnly="true" />
<asp:BoundFieldDataField="LastName" HeaderText="Last Name:" />
<asp:BoundFieldDataField="FirstName" HeaderText="First Name:" />
<asp:BoundFieldDataField="HomePhone" HeaderText="Telephone:" />
<asp:BoundFieldDataField="HireDate" HeaderText="Date hired:" />
</Fields>
</asp:DetailsView>
</form></body></html>
  • AutoGenerateDeleteButton属性:该属性的数据类型是布尔值,指定是否显示删除按钮。关联数据连接的DeleteCommand属性用来执行选中记录的删除工作。
  • AutoGenerateInsertButton属性:该属性的数据类型是布尔值,指定是否显示插入按钮。关联数据连接的InsertCommand属性用来执行新记录的插入工作。
  • AutoGenerateEditButton属性:该属性的数据类型是布尔值,指定是否显示编辑按钮。选择这个按钮会把记录转入编辑模式,并且显示一个更新按钮,用来保存更改。关联数据连接的UpdateCommand属性用来保存对后端数据源所作的更改。 [SPAN]

  注意:EmployeeID字段不能编辑,因为它作为下层数据表(table)中的主关键字(primary key),其只读(ReadOnly)标记被设置成了“true”。

  TemplateField类型的字段提供了更多对DetailsView数据控件中数据字段的控制方法。通过它,当数据被编辑、查看,或者添加新的数据时,你都可以控制这个字段的外观和行为。以下这些元素用来控制这些行为。

  • EditItemTemplate元素:当前DetailsView记录在编辑模式时控制这个字段的外观。
  • InsertItemTemplate元素:当有新记录添加到下层数据源时,确定这个字段将如何显示。
  • ItemTemplate元素:在用户查看时确定字段该如何显示。

  清单 D使用了TemplateField类型的字段,目的是显示职工的雇佣数据。当某个数据被编辑,或者有新记录要添加时,会有一个日历控件出现,方便用户输入日期类型的数据。日期值在查看模式下则以简单的标签控件方式显示。

清单 D

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"><title>DetailsView Example</title></head>
<body>
<form id="frmDetailsViewExample" runat="server">
<asp:SqlDataSource ID="dsExample" ConnectionString="Server=localhost;Database=Northwind;Trusted_Connection=true" SelectCommand="SELECT EmployeeID, LastName, FirstName, HomePhone, HireDate FROM Employees" Runat="Server" UpdateCommand="UPDATE Employees SET LastName=@LastName, FirstName=@FirstName, HomePhone=@HomePhone, HireDate=@HireDate WHERE EmployeeID=@EmployeeID"?DeleteCommand="DELETE FROM Employees WHERE EmployeeID=@EmployeeID" InsertCommand="INSERT INTO Employees (LastName, FirstName, HomePhone, HireDate) VALUES (@LastName, @FirstName, @HomePhone, @HireDate) />
<asp:DetailsView ID="dvExample" runat="server" Height="50px" Width="125px" DataSourceID="dsExample" AllowPaging="true" AutoGenerateDeleteButton="true" AutoGenerateInsertButton="true" AutoGenerateEditButton="true" AutoGenerateRows="false">
<Fields>
<asp:BoundFieldDataField="EmployeeID" HeaderText="ID:" ReadOnly="true" />
<asp:BoundFieldDataField="LastName" HeaderText="Last Name:" />
<asp:BoundFieldDataField="FirstName" HeaderText="First Name:" />
<asp:BoundFieldDataField="HomePhone" HeaderText="Telephone:" />
<asp:TemplateFieldHeaderText="Hire Date">
<ItemTemplate>
<asp:Label ID="lblHireDate" Runat="Server"
Text='<%# Eval("BirthDate", "{0:d}") %>' />
</ItemTemplate>
<InsertItemTemplate>
<asp:Calendar ID="calInsertHireDate" Runat="Server"SelectedDate='<%# Bind("HireDate") %>' />
</InsertItemTemplate>
<EditItemTemplate>
<asp:Calendar ID="calEditHireDate" Runat="Server"VisibleDate='<%# Eval("HireDate") %>'SelectedDate='<%# Bind("HireDate") %>' />
</EditItemTemplate>
</asp:TemplateField>
</Fields>
</asp:DetailsView>
</form></body></html>

  使用简便

  ASP.NET 2.0的许多新功能都以易于使用为特征。对于与DetailsView控件结合起来的新型数据控件来说更是如此。做一些很简单的处理,你就可以访问和显示数据,并且还能不需要编写代码就支持编辑、删除和插入操作。

  Tony Patton是职业的应用程序开发员,他拥有Java、VB、Lotus,以及XML的各项认证。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:开发者在线

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP