备注：这是我辅导的一个项目开发组的一个例子，用文章的方式分享出来，给更多的朋友参考。其实我们这几年的项目中，都不怎么使用服务器控件的形式了，而是更多的采用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. MPI之求和

    // MPI1.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include "mpi.h" #include &l ...

  2. 20145301&20145321&20145335实验四

    20145301&20145321&20145335实验四 这次实验我的组员为:20145301赵嘉鑫.20145321曾子誉.20145335郝昊 实验内容详见:实验四

  3. 开启个人blog~

    希望自己能坚持写blog,不断的总结,不断的沉淀.

  4. go程序注册为windows服务

    cmd下运行:nssm install 服务名 go打包好的exe文件 nssm下载地址:http://nssm.cc/,将下载好nssm.exe放到/windows/system32文件夹下

  5. innodb 锁分裂继承与迁移

    innodb行锁简介 行锁类型 LOCK_S:共享锁 LOCK_X: 排他锁 GAP类型 LOCK_GAP:只锁间隙 LOCK_REC_NO_GAP:只锁记录 LOCK_ORDINARY: 锁记录和记 ...

  6. Oracle中的Temporary tablespace的作用

    临时表空间主要用途是在数据库进行排序运算[如创建索引.order by及group by.distinct.union/intersect/minus/.sort-merge及join.analyze ...

  7. EasyDarwin不能保存HLS列表的解决方案

    官网: easydarwin.org 安装过程 http://doc.easydarwin.org/EasyDarwin/README/ 安装客户端,iVMS-4200 客户端,并运行. 在设备管理里 ...

  8. Java IO4：字符编码

    前言 字符编码,这本不属于IO的内容,但字节流之后写的应该是字符流,既然是字符流,那就涉及一个"字符编码的"问题,考虑到字符编码不仅仅是在IO这块,Java中很多场景都涉及到这个概 ...

  9. 一步一步跟我学DeviceOne开发 - 仿微信应用(一，二，三)

    这是一个系列的文档,长期目标是利用DeviceOne开发一些目前使用广泛的优质手机应用,我们会最大化的实现这些应用的每一个功能和细节,不只停留在简单的UI模仿和Demo阶段,而是一个基本可以使用的实际 ...

  10. WCF Data Service

    WCF Data Service:http://www.cnblogs.com/shanyou/category/240225.html