ASP.NET—007：GridView数据的保存

浏览数：29 / 时间：2015年06月09日

原文作者：杨友山

原文地址：http://blog.csdn.net/yysyangyangyangshan/article/details/22438077

前面看了如何增加和删除Gridview数据，但是无论怎样Gridview的数据除了展示给用户外，还需要进行编辑后保存的。

也就是将Gridview的数据获取下来传到后台，然后后台经过识别和处理获得数据，保存至数据库中。
主要原理还是前面的$.ajax方式传数据。要用到的就是JS的对象了。传到后台的是字符串，经过截取，获得数据。

这里需要做一个准备工作，安装asp.net ajax ，因为项目中的关于json的操作需要用到
C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\v1.0.61025下的
System.Web.Extensions.dll和System.Web.Extensions.Design.dll，
asp.net ajax安装包下载：http://download.csdn.net/detail/yysyangyangyangshan/7114393

直接上代码，重要的代码还是JS获取gridview的数据的方法。
前台

<!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 id="Head1" runat="server">
    <title></title>
</head>
<body id="Body1" runat="server">
     <form id="Form1" runat="server">
      <asp:Button ID="btnAdd" runat="server" OnClientClick="return SaveBatch();return false;" Text="批量保存"/>
      
      <asp:GridView ID="dgPersons" runat="server" EnableViewState="false" CellPadding="4"
       GridLines="Horizontal" PageChange="TextBox" AutoGenerateColumns="False" SortMode="Total" ForeColor="#333333"
       CellSpacing="1" Width="60%" ShowNoRecordTip="True">
     <Columns>


       <asp:TemplateField>
       <ItemTemplate>
         <%#Container.DataItemIndex +1%>
         <input id="hideID" type="hidden" runat="server" value=‘<%#Eval("p_id")%>‘ />
       </ItemTemplate>
       <HeaderTemplate>
           <span>序号</span>
       </HeaderTemplate>
       </asp:TemplateField>


       <asp:TemplateField>
       <ItemTemplate>
        <span> <%#Eval("p_name")%></span>
       </ItemTemplate>
       <HeaderTemplate>
           <span>姓名</span>
       </HeaderTemplate>
       </asp:TemplateField>


        <asp:TemplateField>
       <ItemTemplate>
        <span> <%#Eval("p_age")%></span>
       </ItemTemplate>
       <HeaderTemplate>
           <span>年龄</span>
       </HeaderTemplate>
       </asp:TemplateField>
      
       <asp:TemplateField>
       <ItemTemplate>
        <span> <%#Eval("p_sex")%></span>
       </ItemTemplate>
       <HeaderTemplate>
           <span>性别</span>
       </HeaderTemplate>
       </asp:TemplateField>


        <asp:TemplateField>
       <ItemTemplate>
        <asp:TextBox ID="txtRemark" runat="server" Text=‘<%#Eval("p_remark")%>‘  Width="120px" Height="30px"/>
       </ItemTemplate>
       <HeaderTemplate>
           <span>备注</span>
       </HeaderTemplate>
       </asp:TemplateField>
             
       <asp:TemplateField>
       <ItemTemplate>
       <a href ="JavaScript:viod(0)" onclick="javascript:SaveSingle(this)">保存</a>
       </ItemTemplate>
       <HeaderTemplate>
           <span>操作</span>
       </HeaderTemplate>
       </asp:TemplateField>


     </Columns>
     <FooterStyle BackColor="#5D7B9D" Font-Bold="True" HorizontalAlign="Center" ForeColor="White" />
            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
            <RowStyle HorizontalAlign="Center" />
            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <EditRowStyle BackColor="#999999" />
            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
    </asp:GridView>
    </form>
</body>
<script type="text/javascript" src="/Scripts/Ajax.js"></script>
<script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script>


<script language="javascript" type="text/javascript">
    var dgPersonsID = "<%= dgPersons.ClientID %>";
    $(document).ready(function () {
        $("#dgPersons tr").eq(1).hide();
    });


    function GetGridViewDatas() {
        var dgs = document.getElementById(dgPersonsID);
        if (dgs.rows == null || dgs.rows.length < 2) {
            alert("没有数据！");
            return;
        }
        var gridobj = new Object();
        gridobj.ID = dgs.rows[1].cells[0].children[0].value;
        gridobj.Name = dgs.rows[1].cells[1].children[0].innerHTML;
        gridobj.Age = dgs.rows[1].cells[2].children[0].innerHTML;
        gridobj.Sex = dgs.rows[1].cells[3].children[0].innerHTML;
        gridobj.Remark = dgs.rows[1].cells[4].children[0].value;


        for (var i = 2; i < dgs.rows.length; i++) {
            gridobj.ID += "," + dgs.rows[i].cells[0].children[0].value;
            gridobj.Name += "," + dgs.rows[i].cells[1].children[0].innerHTML;
            gridobj.Age += "," + dgs.rows[i].cells[2].children[0].innerHTML;
            gridobj.Sex += "," + dgs.rows[i].cells[3].children[0].innerHTML;
            gridobj.Remark += "," + dgs.rows[i].cells[4].children[0].value;
        }
        return gridobj;
    }
    //批量保存
    function SaveBatch() {
        var gridDatas = GetGridViewDatas();


        var saveDatas = gridDatas;
        saveDatas.operateType = "SaveAll";
        var htmlObjects = $.ajax({
            type: "POST",
            data: saveDatas,
            async: true,
            success: function (result) {
                if (result != "false") {
                    alert("保存成功！");
                }
                else {
                    alert("保存失败！");
                }
            },


            error: function (result) {
                alert("保存失败！");
            }
        });


        return false;
    }
    //单个保存
    function SaveSingle(obj) {
        var elm = event.target || event.srcElement;
        if (elm.disabled) {
            return false;
        }
        var row = obj.parentElement.parentElement;


        var gridobj = new Object();
        gridobj.snID = row.cells[0].children[0].value;
        gridobj.Name = row.cells[1].children[0].innerHTML;
        gridobj.Age = row.cells[2].children[0].innerHTML;
        gridobj.Sex = row.cells[3].children[0].innerHTML;
        gridobj.Remark = row.cells[4].children[0].value;


        var saveData = gridobj;
        saveData.operateType = "SaveSingleData";
        var htmlobj = $.ajax({
            type: "POST",
            data: saveData,
            async: true,
            success: function (result) {
                if (result != "false") {
                    alert("保存成功！");
                }
                else {
                    alert("保存失败！");
                }
            },
            error: function (result) {
                alert("保存失败！");
            }
        });
        return false;
    }
</script>
</html>

后台接收内容的代码

public partial class ChildFrm : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            switch (Request["operateType"])
            {
                case "SaveAll":


                    SaveAllData();


                    return;


                case "SaveSingleData":


                    SaveSingleData();


                    return;


                default:


                    break;
            }


            if (!IsPostBack)
            {
                DataTable dt = InitData();


                this.dgPersons.DataSource = dt;


                this.dgPersons.DataBind();
            }
        }


        private DataTable InitData()
        {
            DataTable PersonCollect = new DataTable();


            PersonCollect = new DataTable();


            PersonCollect.Columns.Add("p_id");


            PersonCollect.Columns.Add("p_name");


            PersonCollect.Columns.Add("p_age");


            PersonCollect.Columns.Add("p_sex");


            PersonCollect.Columns.Add("p_remark");


            if (PersonCollect.Rows.Count < 1)
            {
                for (int i = 0; i < 11; i++)
                {
                    DataRow nrow = PersonCollect.NewRow();


                    nrow["p_id"] = System.Guid.NewGuid().ToString();


                    nrow["p_name"] = "西北白杨树";


                    nrow["p_age"] = 27;


                    nrow["p_sex"] = "男";


                    nrow["p_remark"] = string.Empty;


                    PersonCollect.Rows.Add(nrow);
                }
            }


            return PersonCollect;
        }


        protected void SaveSingleData()
        {
            string id = Request["snID"].ToString().Trim() ;


            string name = Request["Name"].ToString().Trim();


            string age = Request["Age"].ToString().Trim();


            string sex = Request["Sex"].ToString().Trim();


            string remark = Request["Remark"].ToString().Trim();


            bool savesuccess = true;
            //获取到了list拿到数据库去保存吧，然后将是否保存成功赋值给savesuccess，前台根据这个变量来提示


            //这里是要生成一个json字符串给前台提示用
            //可以多加几个属性,让提示内容更丰富
            ArrayList list = new ArrayList();


            Hashtable ht = new Hashtable();


            ht.Add("Success", savesuccess.ToString().ToLower());


            list.Add(ht);


            JavaScriptSerializer json = new JavaScriptSerializer();


            string jsonResult = json.Serialize(list);


            SendTextMessage(jsonResult);
        }


        protected void SaveAllData()
        {
            string id = Request["ID"].ToString();


            string name = Request["Name"].ToString();


            string age = Request["Age"].ToString();


            string sex = Request["Sex"].ToString();


            string remark = Request["Remark"].ToString();


            string[] ids = SplitString(id);


            string[] names = SplitString(name);


            string[] ages = SplitString(age);


            string[] sexs = SplitString(sex);


            string[] remarks = SplitString(remark);


            List<Person> resultList = new List<Person>();
            if (ids != null && ids.Length > 0)
            {
                for (int i = 0; i < ids.Length; i++)
                {
                    Person m = new Person();


                    m.ID = ids[i];


                    m.Name = names[i];


                    m.Age = ages[i];


                    m.Sex = sexs[i];


                    m.Remark = remarks[i];


                    resultList.Add(m);
                }
            }


            bool savesuccess = true;
            //获取到了list拿到数据库去保存吧，然后将是否保存成功赋值给savesuccess，前台根据这个变量来提示


            //这里是要生成一个json字符串给前台提示用
            //可以多加几个属性,让提示内容更丰富
            ArrayList list = new ArrayList();


            Hashtable ht = new Hashtable();


            ht.Add("Success", savesuccess.ToString().ToLower());


            list.Add(ht);


            JavaScriptSerializer json = new JavaScriptSerializer();


            string jsonResult = json.Serialize(list);


            SendTextMessage(jsonResult);
        }


        private string[] SplitString(string value)
        {
            if (string.IsNullOrEmpty(value))
            {
                return new string[0];
            }


            return value.Split(‘,‘);
        }


        private List<Results> GetResults(bool result,string message)
        {
            List<Results> response = new List<Results>();


            Results r = new Results();


            r.Success = result.ToString().ToLower();


            r.Message = message;


            response.Add(r);


            return response;
        }


        protected void SendTextMessage(string message)
        {
            Response.ContentType = "text/plain";


            Response.Write(message);


            Response.End();
        }
    }

单行封装为一个实体

  public class Person
    {
        private string id;


        public string ID
        {
            get { return id; }


            set { id = value; }
        }


        private string name;


        public string Name
        {
            get { return name; }


            set { name = value; }
        }


        private string age;


        public string Age
        {
            get { return age; }


            set { age = value; }
        }


        private string sex;


        public string Sex
        {
            get { return sex; }


            set { sex = value; }
        }


        private string remark;


        public string Remark
        {
            get { return remark; }


            set { remark = value; }
        }
    }

效果如下，
单行保存