zoukankan      html  css  js  c++  java
  • [转]利用GridView显示主细表并一次编辑明细表所有数据的例子

          原文链接:http://dotnet.aspx.cc/article/2cb1c6d7-2b22-4655-8922-2a8a053a66fa/read.aspx      

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

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

    aspx:

    <%@ Page Language="C#" ValidateRequest="false" AutoEventWireup="true" EnableViewState="true" 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=" 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=" 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> <asp:commandfield DeleteText="删除" ShowDeleteButton="true" ButtonType="Button" HeaderStyle-Width="40px" /> </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(); } }
  • 相关阅读:
    将所有程序设置XML集中到一个单独XML配置文件的方法:使用appSettings元素的configSource元素
    MVC中JQuery文件引入的路径问题,@Url.Content函数
    EF的表连接方法Include()
    在使用EFCodeFirst中出现类型“System.Data.Objects.ObjectContext”在未被引用的程序集中定义的解决方案
    总结下遇到的C#新语法
    MVC3下的layout页面
    C#委托初探
    WebBrowser Control
    Python之面向对象二
    Python之面向对象一
  • 原文地址:https://www.cnblogs.com/scgw/p/613823.html
Copyright © 2011-2022 走看看