Asp.net中GridView详解《转》

时间 2019-11-11

原文原文链接

ASP.NET服务器控件GridView

1 ASP.NET 服务器控件GridView使用html

本教程不介绍服务器端控件的呈现，事件处理，状态等理论知识，只介绍服务器端控件的使用操做，若是您对服务器控件的知识感兴趣，请参阅《ASP.NET服务器控件高级编程》web

阅读本文时最好和文档《ASP.NET服务器控件使用之GridView数据源ObjectDataSource》http://blog.csdn.net/huc87/archive/2009/03/17/3998185.aspx一块儿阅读。sql

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※数据库

1.1 GridView概述express

显示表格数据是软件开发中的一个周期性任务。ASP.NET 提供了许多工具来在网格中显示表格数据，例如 GridView 控件。经过使用 GridView 控件，您能够显示、编辑和删除多种不一样的数据源（例如数据库、XML 文件和公开数据的业务对象）中的数据。编程

可使用 GridView 来完成如下操做：服务器

经过数据源控件自动绑定和显示数据。
经过数据源控件对数据进行选择、排序、分页、编辑和删除。

另外，还能够经过如下方式自定义 GridView 控件的外观和行为：oracle

指定自定义列和样式。
利用模板建立自定义用户界面 (UI) 元素。
经过处理事件将本身的代码添加到 GridView 控件的功能中。

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※编辑器

1.2 GridView数据绑定ide

1.2.1 概述

GridView 控件提供了两个用于绑定到数据的选项：

使用 DataSourceID 属性进行数据绑定，此选项让您可以将 GridView 控件绑定到数据源控件。建议使用此方法，由于它容许 GridView 控件利用数据源控件的功能并提供了内置的排序、分页和更新功能。
使用 DataSource 属性进行数据绑定，此选项使您可以绑定到包括 ADO.NET 数据集和数据读取器在内的各类对象。此方法须要为全部附加功能（如排序、分页和更新）编写代码。

当使用 DataSourceID 属性绑定到数据源时，GridView 控件支持双向数据绑定。除可使该控件显示返回的数据以外，还可使它自动支持对绑定数据的更新和删除操做。

1.2.2 使用DataSourceID属性进行数据绑定

请参见《ASP.NET服务器控件使用之GridView数据源ObjectDataSource》 http://blog.csdn.net/huc87/archive/2009/03/17/3998185.aspx

1.2.3 使用BoundField标签来显示绑定的数据

数据绑定控件（例如 GridView 和 DetailsView）使用 BoundField 类以文本显示字段的值。根据在其中使用 BoundField 对象的数据绑定控件，该对象会以不一样的方式显示。例如，GridView 控件将 BoundField 对象显示为一列，而 DetailsView 控件则将该对象显示为一行。

若要指定在 BoundField 对象中显示的字段，

请将 DataField 属性设置为字段的名称。

经过将 HtmlEncode 属性设置为 true，能够在显示字段的值以前对其进行 HTML 编码。

经过设置 DataFormatString 属性，能够将自定义格式化字符串应用到字段的值。默认状况下，只有当数据绑定控件处于只读模式时，格式化字符串才能应用到字段值。当数据绑定控件处于编辑模式时，

若要将格式化字符串应用到显示的值，请将 ApplyFormatInEditMode 属性设置为 true。

若是字段的值为空，则能够经过设置 NullDisplayText 属性显示自定义标题。

经过将 ConvertEmptyStringToNull 属性设置为 true，BoundField 对象，也能够将空字符串 ("") 字段值自动转换为空值。

经过将 Visible 属性设置为 false，能够在数据绑定控件中隐藏 BoundField 对象。

若要防止字段的值在编辑模式中被修改，请将 ReadOnly 属性设置为 true。

在支持插入记录的数据绑定控件（例如 DetailsView 控件）中，经过将 InsertVisible 属性设置为 false，能够隐藏 BoundField 对象。这种状况一般出如今想要在插入模式中隐藏自动生成的键字段时。

能够自定义 BoundField 对象的标头和脚注部分。若要在标头或脚注部分显示标题，请分别设置 HeaderText 或 FooterText 属性。能够经过设置 HeaderImageUrl 属性来显示图像，而不是在标头部分中显示文本。

经过将 ShowHeader 属性设置为 false，能够将标头部分隐藏在 BoundField 对象中。

您还能够经过为字段的不一样部件设置样式属性来自定义 BoundField 对象的外观（字体颜色、背景颜色等）。下表列出了不一样的样式属性。

样式属性	说明
ControlStyle	BoundField 对象的子 Web 服务器控件的样式设置。
FooterStyle	BoundField 对象的脚注部分的样式设置。
HeaderStyle	BoundField 对象的标头部分的样式设置。
ItemStyle	BoundField 对象中数据项的样式设置。

1.2.4 使用TemplateField标签来显示自定义内容的字段

数据绑定控件（如 GridView 和 DetailsView）使用 TemplateField 类来为每一个显示的记录显示自定义内容。须要显示某个预约义的数据控件字段（如 BoundField）未提供的数据绑定控件中的内容时，使用 TemplateField 类来建立自定义用户界面 (UI)。根据在其中使用 TemplateField 对象的数据绑定控件，该对象会以不一样的方式显示。例如，GridView 控件将 TemplateField 对象显示为一列，而 DetailsView 控件则将该对象显示为一行。

可使用下表中列出的模板为 TemplateField 对象的不一样部分定义自定义模板。

模板	说明
AlternatingItemTemplate	为 TemplateField 对象中的交替项指定要显示的内容。
EditItemTemplate	为 TemplateField 对象中处于编辑模式中的项指定要显示的内容。
FooterTemplate	为 TemplateField 对象的脚注部分指定要显示的内容。
HeaderTemplate	为 TemplateField 对象的标头部分指定要显示的内容。
InsertItemTemplate	为 TemplateField 对象中处于插入模式中的项指定要显示的内容。只有 DetailsView 控件支持该模板。
ItemTemplate	为 TemplateField 对象中的项指定要显示的内容。

1.2.5 演练：GridView显示数据

本演练假定你已经作完《 ASP.NET服务器控件使用之GridView数据源ObjectDataSource 》(http://blog.csdn.net/huc87/archive/2009/03/17/3998185.aspx)中的（演练ObjectDataSource控件），由于本演练是在绑定数据源基础上的显示数据。

使用BoundField显示数据

1. 在C:\Documents and Settings\Administrator\My Documents\Visual Studio 2008\Projects\ObjectDataSourceTest下找到ObjectDataSourceTest.sln，双击打开Visual studio 2008

2. 打开Default.aspx设计器，点击坐下放 “源”，打开了源码编辑器，找到asp:GridView标签。

asp:GridView标签下的代码好像是这样

<asp:GridView ID="EmployeesGridView" 

DataSourceID="EmployeesObjectDataSource" 

AutoGenerateColumns="False"

AllowSorting="True"

AllowPaging="True"

PageSize="2"

DataKeyNames="Employee_ID" 

RunAt="server" >

<HeaderStyle backcolor="lightblue" forecolor="black"/>

<Columns>                

<asp:ButtonField Text="Details"

HeaderText="Show Details"

CommandName="Select"/>  

<asp:BoundField DataField="Employee_ID" HeaderText="Employee ID" SortExpression="Employee_ID" />

<asp:BoundField DataField="Employee_Name"  HeaderText="Employee Name" SortExpression="Employee_Name" />

<asp:BoundField DataField="Age"   HeaderText="Age" SortExpression="Age" />                    

</Columns>                

</asp:GridView>

View Code

BoundField指定GridView表格下的一列，咱们就那

<asp:BoundField DataField="Employee_ID" HeaderText="Employee ID" SortExpression="Employee_ID" /> 来讲，

DataField 属性指定BoundField列绑定sql “SELECT Employee_ID, Employee_Name, Age, Login_ID, Login_Password FROM employee_table_2”中的哪一列。

HeaderText属性指明显示的列名，SortExpression表示点击该列名时从新排序的字段

3. 按Ctrl+F5运行，您将看到如下页面

使用TemplateField显示数据

1. 在C:\Documents and Settings\Administrator\My Documents\Visual Studio 2008\Projects\ObjectDataSourceTest下找到ObjectDataSourceTest.sln，双击打开Visual studio 2008

2. 打开Default.aspx设计器，点击坐下放 “源”，打开了源码编辑器，找到asp:GridView标签。在asp:GridView标签下的Column下加上以下代码：

<asp:TemplateField>

<HeaderTemplate>Login_Info</HeaderTemplate>

<ItemTemplate>

Login ID:<%#DataBinder.Eval(Container.DataItem, "Login_ID") %> <br />Login Password:<%#DataBinder.Eval(Container.DataItem, "Login_Password") %> 

</ItemTemplate>

</asp:TemplateField>

View Code

一切搞定以后代码开起来是这样：

<asp:GridView ID="EmployeesGridView" 

DataSourceID="EmployeesObjectDataSource" 

AutoGenerateColumns="False"

AllowSorting="True"

AllowPaging="True"

PageSize="2"

DataKeyNames="Employee_ID" 

RunAt="server" >

<HeaderStyle backcolor="lightblue" forecolor="black"/>

<Columns>                

<asp:ButtonField Text="Details"HeaderText="Show Details"

CommandName="Select"/>  

<asp:BoundField DataField="Employee_ID" HeaderText="Employee ID" SortExpression="Employee_ID" />

<asp:BoundField DataField="Employee_Name"  HeaderText="Employee Name" SortExpression="Employee_Name" />

<asp:BoundField DataField="Age"   HeaderText="Age" SortExpression="Age" />  

<asp:TemplateField>

<HeaderTemplate>Login_Info</HeaderTemplate>

<ItemTemplate>Login ID:<%#DataBinder.Eval(Container.DataItem, "Login_ID") %> <br />Login Password:<%#DataBinder.Eval(Container.DataItem, "Login_Password") %> 

</ItemTemplate>

</asp:TemplateField>                  

</Columns>                

 </asp:GridView>

View Code

DataBinder.Eval 方法 (Object, String)

在运行时计算数据绑定表达式。

参数

container

表达式根据其进行计算的对象引用。此标识符必须是以页的指定语言表示的有效对象标识符。

expression

从 container 到要放置在绑定控件属性中的公共属性值的导航路径。此路径必须是以点分隔的属性或字段名称字符串，如 C# 中的 "Tables[0].DefaultView.[0].Price" 或 Visual Basic 中的 "Tables(0).DefaultView.(0).Price"。

返回值

Object，它是数据绑定表达式的计算结果。

按Ctrl+F5，运行，若是一切正常，您应该看到以下页面

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

1.3 对GridView数据排序

GridView 控件提供了内置排序功能，无需任何编码。您能够经过为列设置自定义 SortExpression 属性值并使用 Sorting 和 Sorted 事件，进一步自定义 GridView 控件的排序功能。

1.3.1 GridView控件的排序原理

GridView 控件不本身执行列排序，而是依赖数据源控件来表明它执行排序。该控件提供用于排序的用户界面 (UI)，如显示在网格每一列最上方的 LinkButton 控件。可是，GridView 控件依赖于它所绑定到的数据源控件的数据排序功能。

若是绑定的数据源控件能够排序数据，则选择数据后，GridView 控件能够经过将 SortExpression 传递给数据源与该数据源控件进行交互并请求排序后的数据。不是全部的数据源控件都支持排序；例如，XmlDataSource 控件就不支持排序。但若是数据源控件支持排序，GridView 就能够利用它。下面的列表描述了数据源控件和支持排序所需的配置：

l 若是 SqlDataSource 和 AccessDataSource 控件的 DataSourceMode 属性设置为 DataSet，或 SortParameterName 属性设置为 DataSet 或 DataReader，则这两个控件能够排序。

l 若是ObjectDataSource 控件的 SortParameterName 属性设置为基础对象所支持的属性值，则该控件能够排序。

1.3.2 GridView控件的排序过程

经过将 GridView 控件的 AllowSorting 属性设置为 true，便可启用该控件中的默认排序行为。将此属性设置为 true 会使 GridView 控件将 LinkButton 控件呈如今列标题中。此外，该控件还将每一列的 SortExpression 属性隐式设置为它所绑定到的数据字段的名称。例如，若是网格所包含的一列显示的是 Northwind 示例数据库中“Employees”表的 City 列，则该列的 SortExpression 属性将被设置为 City。

在运行时，用户能够单击某列标题中的 LinkButton 控件按该列排序。单击该连接会使页面执行回发并引起 GridView 控件的 Sorting 事件。排序表达式（默认状况下是数据列的名称）做为事件参数的一部分传递。Sorting 事件的默认行为是 GridView 控件将排序表达式传递给数据源控件。数据源控件执行其选择查询或方法，其中包括由网格传递的排序参数。

执行完查询后，将引起网格的 Sorted 事件。此事件使您能够执行查询后逻辑，如显示一条状态消息等。最后，数据源控件将 GridView 控件从新绑定到已从新排序的查询的结果。

GridView 控件不检查数据源控件是否支持排序；在任何状况下它都会将排序表达式传递给数据源。若是数据源控件不支持排序而且由 GridView 控件执行排序操做，则 GridView 控件会引起 NotSupportedException 异常。能够用 Sorting 事件的处理程序捕获此异常，并检查数据源以肯定数据源是否支持排序，仍是使用本身的排序逻辑进行排序。

1.3.3 控制对个别列的排序

经过设置网格的 AllowSorting 属性，您能够按默认方式对列进行排序。将个别列的 SortExpression 属性设置为空字符串 ("")，能够禁用对个别字段（BoundColumn或 TemplateColumn 字段）的排序。

1.3.4 演练：GridView排序

见上一节演练

1.4 对GridView数据排序

ObjectDataSource 控件处理分页的方式是：设置 ObjectDataSource 的 EnablePaging、StartRowIndexParameterName、MaximumRowsParameterName 和 SelectCountMethod 属性，并用正确的参数在业务对象中定义选择方法。当 EnablePaging 属性设置为 true 时，SelectParameters 集合包含两个额外的参数，一个用于请求的第一行，另外一个用于请求的行数。这两个参数的名称由 StartRowIndexParameterName 和 MaximumRowsParameterName 属性定义。Select 方法应该返回从指定的索引处开始的请求的行数。由于数据可能不是按页大小平均分割的，因此最后一页可能包含较少的行。所以，请求的行数其实是返回的最大行数。

在关联的数据绑定控件上启用了分页时，数据绑定控件用起始索引和所需的行数调用 Select 方法。此外，若是设置了 SelectCountMethod 属性，数据绑定控件在呈现页导航控件前调用此方法。例如，若是 GridView 控件启用了页大小为 5 的分页，而 SelectCountMethod 属性指定的方法返回 20，则在页导航中仅显示 4 页。

SelectCountMethod 属性标识用于检索总行数的业务对象方法，以支持数据源分页。仅当 EnablePaging 属性设置为 true 时，才计算 SelectCountMethod 属性。

1.5 对GridView数据修改

1.5.1 启用内置编辑功能

您能够经过如下任一方式启用 GridView 控件的内置编辑或删除功能：

将 AutoGenerateEditButton 属性设置为 true 以启用更新，将 AutoGenerateDeleteButton 属性设置为 true 以启用删除。

添加一个 CommandField，并将其 ShowEditButton 属性设置为 true 以启用更新，将其 ShowDeleteButton 属性设置为 true 以启用删除。

建立一个 TemplateField，其中 ItemTemplate 包含多个命令按钮，要进行更新时可将 CommandName 设置为“Edit”，要进行删除时可设置为“Delete”。有关更多信息，请参见在GridView Web 服务器控件中建立自定义列。

1.5.2 如何在GridView中进行编辑

GridView 控件能够显示一个用户界面 (UI)，让用户可以编辑各行的内容。一般，可编辑的网格中会有一列包含一个按钮或连接，用户能够经过单击该按钮或连接将所在的行置于编辑模式下。（默认状况下，按钮标题是“编辑”。）

用户保存更改时，GridView 控件将更改和主键信息传递到由 DataSourceID 属性标识的数据源控件，从而调用适当的更新操做。例如，SqlDataSource 控件使用已更改的数据做为参数值执行 SQL Update 语句。ObjectDataSource 控件调用其更新方法，并将更改做为参数传递给方法调用。

GridView 控件在三个字典集合中将值传递到数据源以进行更新或删除操做：Keys 字典、NewValues 字典和 OldValues 字典。可使用传递到 GridView 控件的更新或删除事件的参数访问每一个字典。

Keys 字典包含惟一地标识要更新或删除的记录的字段名称和字段值，而且始终包含键字段的原始值。若要指定哪些字段放置在 Keys 字典中，可将 DataKeyNames 属性设置为用逗号分隔的、用于表示数据主键的字段名称的列表。DataKeys 集合会用与为 DataKeyNames 属性指定的字段关联的值自动填充。

注意 DataKeyNames 属性中指定的字段的原始主键值存储在视图状态中。若是主键值中包含敏感信息，则应经过将页的 ViewStateEncryptionMode 属性设置为 Always 来加密视图状态的内容。

NewValues 字典包含正在编辑的行中的输入控件的当前值。OldValues 字典包含除键字段之外的任何字段的原始值，键字段包含在 Keys 字典中。

数据源控件使用 Keys、NewValues 和 OldValues 字典中的值做为更新或删除命令的参数。有关如何根据为绑定值建立的字典来建立数据源控件参数的信息，请参见数据源控件如何为数据绑定字段建立参数。

在经过处理 RowUpdating 或 RowDeleting 事件将任何这些字典的内容传递到数据源以前，能够对其进行检查或自定义。完成更新或删除后，GridView 控件会引起其 RowUpdated 或 RowDeleted 事件。这些事件容许执行查询后逻辑（如完整性检查）。

完成更新或删除并引起了全部事件以后，GridView 将从新绑定到数据源控件以显示已更新的数据。

1.5.3 演练：在Gridview中进行编辑

本演练显示了如何为 Microsoft Visual Studio 2008 ASP.NET 网站编辑删除GridView。

先决条件

本演练假定您能够链接到 Oracle DataBase 实例，而且已创建EMPLOYEE_TABLE_2

表。您还必须对运行 Microsoft Internet Information Services (IIS) 5.0 版或更高版本的服务器具备访问权限，并具备建立 ASP.NET 网页的权限。

EMPLOYEE_TABLE_2建表

create table EMPLOYEE_TABLE_2

(

EMPLOYEE_ID    NUMBER,

EMPLOYEE_NAME  VARCHAR2(20),

AGE            NUMBER,

DEPARTMENT_ID  NUMBER,

PROJECT_ID     NUMBER,

LOGIN_ID       VARCHAR2(20),

LOGIN_PASSWORD VARCHAR2(20)

)

tablespace USERS

pctfree 10

initrans 1

maxtrans 255

storage

(

initial 64K

minextents 1

maxextents unlimited

  );

View Code

建立新的网站

1. 在“文件”菜单中，指向“新建”，选择“网站”。

2. 在“新建网站”对话框中，选择“ASP.NET 网站”。

3. 在“语言”列表中，选择 Visual C#，再单击“肯定”。

3. 在“位置”框中，保留选定的默认 HTTP，而后输入网站根目录的位置，使用“浏览”导航及建立新的文件夹（若是须要）。单击“肯定”。

4. 打开Default.aspx设计器，点击坐下放 “源”，打开了源码编辑器，Ctrl+A全选

删除系统生成的代码，替换为如下内容

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

 

<!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>无标题页</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

     <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 

        DataSourceID="SqlDataSource1" Height="278px" Width="675px" 

        DataKeyNames="employee_id" onrowupdating="GridView1_RowUpdating">

        <Columns>

            <asp:CommandField ShowEditButton="True" />

            <asp:CommandField ShowDeleteButton="true" />

            <asp:TemplateField>

            <ItemTemplate>

            <%#Eval("employee_name") %>

            </ItemTemplate>

            <EditItemTemplate><asp:TextBox runat="server" Text='<%#Eval("employee_name")%>' ID="EmployeeName"></asp:TextBox></EditItemTemplate>

            </asp:TemplateField>

        </Columns>

    </asp:GridView>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 

        ConnectionString="<%$ ConnectionStrings:DataAccess %>" 

        ProviderName="<%$ ConnectionStrings:DataAccess.ProviderName %>" 

        SelectCommand="select * from employee_table_2" UpdateCommand="update employee_table_2 set employee_name=:employee_name where employee_id=:employee_id"

         DeleteCommand="delete from employee_table_2 where employee_id=:employee_id">

    </asp:SqlDataSource>

    </div>

    </form>

</body>

</html>

View Code

5. 打开Default.aspx.cs

Ctrl+A全选，删除系统生成代码，替换为如下代码：

Code

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

 

public partial class _Default : System.Web.UI.Page 

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)

    {

        int index = GridView1.EditIndex;

        GridViewRow row = GridView1.Rows[index];

 

        // Get the controls that contain the updated values. In this

        // example, the updated values are contained in the TextBox 

        // controls declared in the edit item templates of each TemplateField 

        // column fields in the GridView control.

        TextBox EmployeeName = (TextBox)row.FindControl("EmployeeName");

 

        // Add the updated values to the NewValues dictionary. Use the

        // parameter names declared in the parameterized update query 

        // string for the key names.

        e.NewValues["employee_name"] = EmployeeName.Text;

    }

}

View Code

6. 在web.config中配置数据库链接

1) 什么是web.config

可扩展的基础结构是 ASP.NET 配置系统的一大特点，该基础结构使您能够在最初部署 ASP.NET 应用程序时定义配置设置，以即可以随时添加或修改这些配置设置，同时对运做着的 Web 应用程序和服务器产生的影响也将被减至最小。

2) 配置链接

在web.config的<configuration></configuration>下加上

<connectionStrings>

<add name="ConnectionString" connectionString="Data Source=HCDB;Persist Security Info=True;User ID=huchen;Password=huchen;Unicode=True" providerName="System.Data.OracleClient"/>

</connectionStrings>

其中Data Source是指tns中的Host String, User ID是oracle登录用户名，Password是oracle登录密码。providerName是数据提供者。

7. 按Ctrl+F5启动运行，若是一切顺利，您讲看到如下页面：