利用GridView显示主细表并一次编辑明细表所有数据的例子【回网友帖子】

前几天写了一个利用GridView显示主细表的例子，有网友询问如何一次编辑明细表数据所有数据？其实，如果对ASP.NET或者HTML比较熟悉的话，这种批量编辑数据的功能很容易实现。下面的例子使用隐藏表单域记录数据的标识id，对每个输入框的名字附加id信息，这样的话，数据对应起来比较简单。

例子中使用的数据库来自《ASP.NET 2.0 应用开发技术》一书。换成其它数据库也类似，看懂代码，怎么换就无妨了。

全部代码如下： 

ASPX：

<% @ Page Language = " C# "  ValidateRequest = " false "  AutoEventWireup = " true "  EnableViewState = " false "
  CodeFile = " Default2.aspx.cs "  Inherits = " Default2 "   %>

<! 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 > 利用GridView显示主细表并一次编辑明细表所有数据的例子 </ title >
   < style  type ="text/css" >
  td,div,a  { font-size : 12px }
   </ style >

   < script  type ="text/javascript" >
   // <![CDATA[
   function  ShowHidden(sid,ev)
  {
    ev  =  ev  ||  window.event;
     var  target  =  ev.target  ||  ev.srcElement;
     var  oDiv  =  document.getElementById( " div "   +  sid);
    oDiv.style.display  =  oDiv.style.display  ==   " none " ? " block " : " none " ;
    target.innerHTML  =  oDiv.style.display  ==   " none " ? " 显示 " : " 隐藏 " ;
  }
   // ]]>
   </ script >

</ head >
< body >
   < form  id ="form1"  runat ="server" >
     < asp:GridView  ID ="MasterGridView"  runat ="server"  AutoGenerateColumns ="false"  Width ="780px"
      BorderWidth ="1"  OnRowDataBound ="MasterGridView_RowDataBound"  DataKeyNames ="id"
      ShowHeader ="false" >
       < Columns >
         < asp:TemplateField >
           < ItemTemplate >
             < div  style ="width: 100%; padding: 2px; font-weight: bold; background-color: #DEDEDE;
              float: left" >
               < span  style ="float: left" > 栏目名称： <% # Eval ( " Title " )  %> </ span >< span  style ="float: right;
                color: Red; cursor: pointer"  onclick ="ShowHidden('<%#Eval(" id") % > ',event)">隐藏 </ span ></ div >
             < div  style ="background-color: #FFF; padding-left: 60px; clear: both"  id ="div<%#Eval(" id") % > ">
               < asp:GridView  ID ="DetailGridView"  runat ="server"  AutoGenerateColumns ="false"  ShowHeader ="true"
                HorizontalAlign ="left"  DataKeyNames ="id"  OnRowCommand ="DetailGridView_RowCommand"
                OnRowDeleting ="DetailGridView_RowDeleting"  Width ="720px" >
                 < HeaderStyle  BackColor ="#9999FF"   />
                 < Columns >
                   < asp:TemplateField  HeaderText ="文章名称"  HeaderStyle-Width ="540px" >
                     < ItemTemplate >
                       < input  name ="guid"  value ="<%#Eval(" id") % > " type="hidden" />
                       < input  name ="Title<%#Eval(" id") % > " value=" <% # Eval ( " Title " )  %> " style="width: 100%;border:1px solid gray" />
                     </ ItemTemplate >
                   </ asp:TemplateField >
                   < asp:TemplateField  HeaderText ="发布日期"  HeaderStyle-Width ="100px"  ItemStyle-HorizontalAlign ="Center" >
                     < ItemTemplate >
                       < input  name ="Date<%#Eval(" id") % > " value=" <% # ((DateTime) Eval ( " CreateDate " )).ToString( " yyyy-MM-dd " )  %> " style="border:1px solid gray"/>
                     </ ItemTemplate >
                   </ asp:TemplateField >
                 </ Columns >
               </ asp:GridView >
             </ div >
           </ ItemTemplate >
         </ asp:TemplateField >
       </ Columns >
     </ asp:GridView >
     < asp:Button  ID ="Button1"  runat ="server"  OnClick ="Button1_Click"  Text ="编辑所有数据"   />
   </ form >
</ body >
</ html >

C#：

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Data.OleDb;
using  System.Web.UI.HtmlControls;

public   partial   class  Default2 : System.Web.UI.Page
{
   string  ConnectionString  =   @" Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|aspxWeb.mdb;Persist Security Info=True " ;
  OleDbConnection cn1;


   protected   void  Page_Load(  object  sender, EventArgs e )
  {
     if  ( ! Page.IsPostBack)
    {
      OleDbConnection cn  =   new  OleDbConnection(ConnectionString);
      cn.Open();
      cn1  =   new  OleDbConnection(ConnectionString);
      cn1.Open();
      OleDbCommand cmd  =   new  OleDbCommand( " select * from [Subject] " , cn);
      OleDbDataReader dr  =  cmd.ExecuteReader(CommandBehavior.CloseConnection);
      MasterGridView.DataSource  =  dr;
      MasterGridView.DataBind();
      dr.Close();
      cmd.Dispose();
      cn.Dispose();
      cn1.Dispose();
      cn  =  cn1  =   null ;
    }
  }
   protected   void  MasterGridView_RowDataBound(  object  sender, GridViewRowEventArgs e )
  {
     if  (e.Row.RowType  ==  DataControlRowType.DataRow)
    {

      GridView oGridView  =  (GridView)e.Row.FindControl( " DetailGridView " );
       if  (oGridView  !=   null )
      {
        OleDbCommand cmd  =   new  OleDbCommand( " select top 10 * from Document Where pid =  "   +  MasterGridView.DataKeys[e.Row.RowIndex].Value, cn1);
        OleDbDataReader dr1  =  cmd.ExecuteReader();
        oGridView.DataSource  =  dr1;
        oGridView.DataBind();
        dr1.Close();
        cmd.Dispose();
      }
    }
  }

   protected   void  DetailGridView_RowDeleting(  object  sender, GridViewDeleteEventArgs e )
  {
    GridView a  =  (GridView)sender;
    Response.Write( " 您要删除的记录是：<font color='red'> "   +  a.DataKeys[e.RowIndex].Value.ToString()  +   " </font>&nbsp;&nbsp;&nbsp;&nbsp;TODO：执行删除动作 " );
     //  TODO：执行删除动作
  }
   protected   void  DetailGridView_RowCommand(  object  sender, GridViewCommandEventArgs e )
  {

  }
   protected   void  Button1_Click(  object  sender, EventArgs e )
  {
     string  Guids  =  Request.Form[ " guid " ];
     if  (Guids  ==   null   ||  Guids.Equals( string .Empty))
    {
      Response.Write( " 没有数据可以修改。 " );
       return ;
    }
     string  sql;
    OleDbCommand cmd;
    OleDbConnection cn  =   new  OleDbConnection();
    cn.ConnectionString  =  ConnectionString;
    cn.Open();
     string [] ArrGuid  =  Guids.Split( ' , ' );
     for  ( int  i  =   0  ; i  <  ArrGuid.Length ; i ++ )
    {
      sql  =   " UPDATE Document Set Title = @Title,CreateDate = @CreateDate Where id = @id " ;
      cmd  =   new  OleDbCommand(sql, cn);
      cmd.Parameters.AddWithValue( " @Title " ,Request.Form[ " Title "   +  ArrGuid[i].Trim()]);
      cmd.Parameters.AddWithValue( " @CreateDate " , Request.Form[ " Date "   +  ArrGuid[i].Trim()]);
      cmd.Parameters.AddWithValue( " @id " ,ArrGuid[i].Trim());
      cmd.ExecuteNonQuery();
      Response.Write( " <li>更新：id=  "   +  ArrGuid[i]  +    "   " +  Request.Form[ " Title "   +  ArrGuid[i].Trim()]);      
    }
    cn.Close();
    cn.Dispose();
  }
}