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

最新推荐文章于 2020-04-06 20:55:50 发布

hejishan

最新推荐文章于 2020-04-06 20:55:50 发布

阅读量318

点赞数

文章标签： object string asp.net border null 数据库

本文链接：https://blog.csdn.net/hejishan/article/details/2167453

版权

前几天写了一个利用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">
  //
  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( " 您要删除的记录是： " + a.DataKeys[e.RowIndex].Value.ToString() + "     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( "

更新：id= " + ArrGuid[i] +  " "+ Request.Form["Title" + ArrGuid[i].Trim()]);
    }
    cn.Close();
    cn.Dispose();
  }
}

hejishan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用GridView显示主细表并一次编辑明细表所有数据的例子【回网友帖子】

前几天写了一个利用GridView显示主细表的例子，有网友询问如何一次编辑明细表数据所有数据？其实，如果对ASP.NET或者HTML比较熟悉的话，这种批量编辑数据的功能很容易实现。下面的例子使用隐藏表单域记录数据的标识id，对每个输入框的名字附加id信息，这样的话，数据对应起来比较简单。例子中使用的数据库来自《ASP.NET 2.0 应用开发技术》一书。换成其它数据库也类似，看懂代码，怎么换就
复制链接

扫一扫