利用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>

</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>    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();
  }
}

转载于:https://www.cnblogs.com/zpylh/articles/1033398.html

利用GridView显示主细表并一次编辑明细表所有数据的例子（转）相关推荐

利用GridView显示主细表并一次编辑明细表所有数据的例子
全部代码如下: ASPX: <%@ Page Language="C#" ValidateRequest="false" AutoEventWireup= ...
界面设计方法 (2) — 3.卡式, 列表, 主细表, 树形, 页签
企业管理类型系统采用的PC端界面形式常见的有5种 (卡式.列表.主细表.树形.页签),以及以这5种形式为基础的组合形式.确定一个业务功能采用什么样的界面形式表达的效果最佳,一般是综合了客户的业务需求. ...
利用GridView显示SD卡的图片和两段文字
本实例包含一个主layout,含有一个GridView,还有一个用于填充GridView一行的layout,最后是重写一个GridView的适配器类. 由于图片是sd卡里的,没有图片id可用,所以需要 ...
python 显示数据库数据tk_如何使用python显示从Mysql表获取的Tkinter treeview中的数据...
我已经用treeview创建了一个表,我想插入从mysql表中获取的数据.如果有人能帮助我,因为我已经尽了最大的努力,但仍然没有成功.使用这个语句tree.insert("", 1 ...
用户反馈信息textbox填充数据表，页面使用gridview显示反馈意见
1.用户反馈信息textbox填充数据表用户通过radiobuttonlist和textbox输入信息,后台代码将该信息导入数据库中. using System; using System.Coll ...
安卓案例：利用SQLiteOpenHelper操作数据库及表
安卓案例:利用SQLiteOpenHelper操作数据库及表一.运行效果二.涉及知识点 1.利用SQLiteOpenHelper类创建与升级数据库这个类是一个抽象类,我们必须继承该类创建一个子类 ...
Android 使用开源库StickyGridHeaders来实现带sections和headers的GridView显示本地图片效果...
转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/20481185),请尊重他人的辛勤劳动成果,谢谢! 大家好! ...
用html制作学生成绩表格代码,利用Excel制作学生成绩表.doc
利用Excel制作学生成绩表利用Excel制作学生成绩表制作一个学生成绩自动统计表,可以自动统计最高分.最低分.总分.平均分.名次.三率等数据信息,还可以根据自定条件以不同的颜色显示分数.自动统计 ...
mysql多重主键错误,老师，jd_spider中数据插入Mysql时一直显示主键错误，求助~
老师,jd_spider中数据插入Mysql时一直显示主键错误,求助~ 而且peewee会自动生成一个goods表的主键万分感谢! 建立表的代码如下 from peewee import * db ...
MySQL通过两表避免回表_mysql利用覆盖索引避免回表优化查询
前言说到覆盖索引之前,先要了解它的数据结构:B+树. 先建个表演示(为了简单,id按顺序建): id name 1 aa 3 kl 5 op 8 aa 10 kk 11 kl 14 jk 16 ml ...

利用GridView显示主细表并一次编辑明细表所有数据的例子（转）

利用GridView显示主细表并一次编辑明细表所有数据的例子（转）相关推荐

最新文章

热门文章