备注：这是我辅导的一个项目开发组的一个例子，用文章的方式分享出来，给更多的朋友参考。其实我们这几年的项目中，都不怎么使用服务器控件的形式了，而是更多的采用MVC这种开发模式。但是，如果项目的历史背景是用服务器控件的，也不妨继续沿用，以免变动太大，对项目的整体开发不利。

很多企业业务程序的页面，其实本质上都是对数据的操作，诸如增加、删除、修改和查询（简称：增删改查），如果有可能在一个页面中完整地实现（不需要几个页面转来转去），对于用户来说可能体验较好。

ASP.NET在2.0中开始提供多种数据控件，并且采用了模板的机制，使得我们上面的需求变得可能。今天要讲的就是号称ASP.NET中最复杂的控件：GridView的使用。它可以完整实现增删改查。

页面：

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

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

        <div>

            <asp:GridView ID="gvData" runat="server" OnRowDeleting="gvData_RowDeleting" OnRowUpdating="gvData_RowUpdating" OnRowCancelingEdit="gvData_RowCancelingEdit" OnRowEditing="gvData_RowEditing" AutoGenerateColumns="true" AutoGenerateDeleteButton="true" AutoGenerateEditButton="true">

               <%--<Columns>

                    <asp:CommandField HeaderText="操作" UpdateText="保存" CancelText="取消" DeleteText="删除" ShowDeleteButton="true" ShowEditButton="true" EditText="编辑" />

                </Columns>--%>

            </asp:GridView>

            <asp:Button ID="btAddNew" runat="server" Text="添加新记录" OnClick="btAddNew_Click" />

        </div>

    </form>

    <script>

        //这里为所有删除按钮都处理一个事件，请用户确认

        var links = document.links;//获取所有的链接

        for (var i in links) {//循环他们

            var a = links[i];//取得当前这个链接

            if (a.text == "Delete" || a.text=="删除") {//如果是删除按钮的话

                var o = a.href;//获取这个链接的地址（默认会生成一个执行javascript的地址的）

                a.href = "#";//将这个地址删除掉，就是不要让他执行默认的行为

                a.addEventListener("click", function () {//添加一个新的事件注册

                    var result = window.confirm("你是否真的要删除?");//向用户确认是否要删除

                    if (result == true)//如果用户确定

                        eval(o);//执行原先默认的那个方法（去服务器删除数据）

                    return false;

                });

            }

        }

    </script>

</body>

</html>

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

代码：

using System;

using System.Collections.Generic;

using System.Web.UI.WebControls;

namespace WebApplicationSample

{

    /// <summary>

    /// 这个实例主要演示了如何使用GridView进行数据的增、删、改、查。

    /// 更多有关于该控件的知识，可以参考 http://msdn.microsoft.com/zh-cn/library/vstudio/system.web.ui.webcontrols.gridview.aspx （请仔细阅读）

    /// </summary>

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

    {

        /// <summary>

        /// 这是我们定义的一个业务实体类，用来保存界面上的列表数据，为了保存，必须支持序列化

        /// </summary>

        [Serializable]

        public class Employee

        {

            public string FirstName { get; set; }

            public string LastName { get; set; }

        }

        private List<Employee> data = new List<Employee>();//这是用来保存那个列表数据的字段

        /// <summary>

        /// 重写这个方法来保存视图状态。因为每次页面刷新的时候，默认情况下，data都会被清空，如果希望在多次回发的过程中保存数据，则重写该方法

        /// </summary>

        /// <returns></returns>

        protected override object SaveViewState()

        {

            var obj = new object[] { base.SaveViewState(), data };

            return obj;

        }

        /// <summary>

        /// 重写该方法，是与上面这个方法配套，在回发回来之后加载并还原

        /// </summary>

        /// <param name="savedState"></param>

        protected override void LoadViewState(object savedState)

        {

            var obj = savedState as object[];

            base.LoadViewState(obj[0]);

            data = obj[1] as List<Employee>;

        }

        /// <summary>

        /// 页面初始化的时候执行该代码

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {//这里只是一个示例，默认给页面添加一个初始的员工，实际在做的时候，可以不加

                data = new List<Employee>(){

                    new Employee(){FirstName ="ares",LastName ="chen"}

                };

                gvData.DataSource = data;

                gvData.DataBind();

            }

        }

        /// <summary>

        /// 添加新的员工时执行该代码

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void btAddNew_Click(object sender, EventArgs e)

        {

            data.Add(new Employee());//创建一个空的对象

            gvData.DataSource = data;//设置数据源

            gvData.EditIndex = data.Count - 1;//设置当前这个对象为编辑状态

            gvData.DataBind();//绑定数据

        }

        /// <summary>

        /// 当用户决定要删除某一行数据时执行该代码

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void gvData_RowDeleting(object sender, GridViewDeleteEventArgs e)

        {

            //删除某一行

            data.RemoveAt(e.RowIndex);

            gvData.DataSource = data;

            gvData.EditIndex = -1;

            gvData.DataBind();

        }

        /// <summary>

        /// 当用户要保存修改时执行该代码

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void gvData_RowUpdating(object sender, GridViewUpdateEventArgs e)

        {

            var index = e.RowIndex;//获取当前编辑行当索引号

            var row = gvData.Rows[index];//获取当前用户编辑的这一行

            var firstName = (row.Cells[1].Controls[0] as TextBox).Text;//获取用户输入的数据

            var lastName = (row.Cells[2].Controls[0] as TextBox).Text;//获取用户输入的数据

            var emp = data[index];//找到这个对象

            emp.FirstName = firstName;

            emp.LastName = lastName;

            gvData.DataSource = data;

            gvData.EditIndex = -1;//退出编辑状态

            gvData.DataBind();

        }

        /// <summary>

        /// 当用户要取消编辑的时候

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void gvData_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)

        {

            gvData.DataSource = data;

            gvData.EditIndex = -1;

            gvData.DataBind();

        }

        /// <summary>

        /// 当用户要进行编辑的时候

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void gvData_RowEditing(object sender, GridViewEditEventArgs e)

        {

            gvData.DataSource = data;

            gvData.EditIndex = e.NewEditIndex;

            gvData.DataBind();

        }

    }

}

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

一个在ASP.NET中利用服务器控件GridView实现数据增删改查的例子的更多相关文章

  1. C#在winform中操作数据库，实现数据增删改查

    1.前言: 运行环境:VS2013+SQL2008+Windows10 程序界面预览: 使用的主要控件:dataGridview和menuStrip等. 2.功能具体介绍: 1.首先,我们要先实现基本 ...

  2. Odoo中的ORM API(模型数据增删改查)

    转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826214.html 一:增 1:create():返回新创建的记录对象 self.create({'na ...

  3. Android（java）学习笔记193：利用谷歌API对数据库增删改查（推荐使用）

    接下来我们通过项目案例来介绍:这个利用谷歌API对数据库增删改查 1.首先项目图: 2.这里的布局文件activity_main.xml: <LinearLayout xmlns:android ...

  4. C#利用WinForm调用WebServices实现增删改查

    实习导师要求做一个项目,用Winform调用WebServices实现增删改查的功能.写下这篇博客,当做是这个项目的总结.如果您有什么建议,可以给我留言.欢迎指正. 1.首先,我接到这个项目的时候,根 ...

  5. vue实战(一):利用vue与ajax实现增删改查

    vue实战(一):利用vue与ajax实现增删改查: <%@ page pageEncoding="UTF-8" language="java" %> ...

  6. Android（java）学习笔记136：利用谷歌API对数据库增删改查（推荐使用）

    接下来我们通过项目案例来介绍:这个利用谷歌API对数据库增删改查 1. 首先项目图: 2. 这里的布局文件activity_main.xml: <LinearLayout xmlns:andro ...

  7. IOS开发中使用CNContact\CNMutableContact 对通讯录增删改查

    IOS开发中使用CNContact\CNMutableContact 对通讯录增删改查 首先当然是把CNcontact包含在工程中: @import Contacts; 1.下面是增加联系人的程序段: ...

  8. 【转载】ASP.NET MVC Web API 学习笔记---联系人增删改查

    本章节简单介绍一下使用ASP.NET MVC Web API 做增删改查.目前很多Http服务还是通过REST或者类似RESP的模型来进行数据操作的.下面我们通过创建一个简单的Web API来管理联系 ...

  9. MVC设计模式（（javaWEB）在数据库连接池下，实现对数据库中的数据增删改查操作）

    设计功能的实现: ----没有业务层,直接由Servlet调用DAO,所以也没有事务操作,所以从DAO中直接获取connection对象 ----采用MVC设计模式 ----采用到的技术 .MVC设计 ...

随机推荐

  1. Microsoft Visual Studio 2010 已安装的模板 没有 “ADO.NET实体数据模型”

    2010 sp1才包括entity framework. 装一个补丁即可 地址为:http://www.microsoft.com/zh-CN/download/details.aspx?id=236 ...

  2. 读bootstrap2.3.2有感2

    排版: Bootstrap定义的全局 font-size 是 14px,line-height 是 20px.这些样式应用到了 <body> 和所有的段落上.另外,对 <p> ...

  3. Eclipse下Android开发错误之Unable to execute dex: java.nio.BufferOverflowException. Check the Eclipse log for stack trace

    升级了Android版本后,在运行应用时提示: [2013-11-27 10:37:35 - Dex Loader] Unable to execute dex: java.nio.BufferOve ...

  4. Scala.js v0.1 发布，在浏览器直接运行 Scala

    今天我们发布了 Scala.js 的首个版本,这个项目是在今年六月份的时候宣布的. 第一个版本支持的特性: 支持所有 Scala 特性,包括宏,不过有一些 语义上的区别 可非常好的跟 JavaScri ...

  5. Android度量单位说明(DIP,DP,PX,SP) (转帖)

    (一)概念 dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA.HVGA和QVGA 推荐使用这个,不 ...

  6. Ubuntu系统下的第一个console程序

    进入自己喜欢的目录,前面步骤和windows基本一致,只简单描述下 执行 dotnet new 然后执行 dotnet restore 然后执行 dotnet run 第一次未编译,会自动编译,然后可 ...

  7. Windows Azure Service Bus Topics实现系统松散耦合

    前言 Windows Azure中的服务总线(Service Bus)提供了多种功能, 包括队列(Queue), 主题(Topic),中继(Relay),和通知中心(Notification Hub) ...

  8. Python--增量循环删除MySQL表数据

    需求场景: 有一业务数据库,使用MySQL 5.5版本,每天会写入大量数据,需要不定期将多表中“指定时期前“的数据进行删除,在SQL SERVER中很容易实现,写几个WHILE循环就搞定,虽然MySQ ...

  9. mac下apache配置，解决It is not safe to rely on the system's timezone settings.

    之前一直转windows平台下做php,很少遇到问题.现在有了macbook,还在慢慢的熟悉中,搭建php开发环境,熟悉mac系统文档组织还有命令,颇费功夫. 今天我在mac下做一个php的练习,用到 ...

  10. Winform文件下载之WebClient

    最近升级了公司内部使用的一个下载小工具,主要提升了下面几点: 1． 在一些分公司的局域网中,连接不上外网 2． 服务器上的文件更新后,下载到的还是更新前的文件 3． 没有下载进度提示 4． 不能终止下 ...