利用GridView显示主细表并添加删除、打开、关闭功能(转自孟子E章)

最新推荐文章于 2024-07-26 09:40:31 发布

chenguang79

最新推荐文章于 2024-07-26 09:40:31 发布

阅读量1.3k

点赞数

分类专栏： asp.net 文章标签： server float button null div 数据库

asp.net 专栏收录该内容

109 篇文章 1 订阅

订阅专栏

不多说了，感谢作者
前台：

 
 <%@ Page Language="C#" AutoEventWireup="true" EnableViewState="true" CodeBehind="GridView.aspx.cs" Inherits="WebApplication1.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 runat="server">
    <title></title>
    <script type="text/javascript">
        function ShowHidden(sid, ev) 
        {
            evev = ev || window.event;
            var target = ev.target || ev.srcElement;
            var oDiv = document.getElementById("div" + sid);
            oDivoDiv.style.display = oDiv.style.display == "none" ? "block" : "none";
            target.innerHTML = oDiv.style.display == "none" ? "显示" : "隐藏";
        } 
        </script> 
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            Height="133px" Width="591px" onrowdatabound="GridView1_RowDataBound">
            <Columns>
                <asp:TemplateField>
                  <ItemTemplate>
                   <div style="width: 100%; padding: 2px; font-weight: bold; background-color: #DEDEDE; float: left">  <span style="float: left">栏目名称：<%#Eval("MName") %></span><span style="float: right; color: Red; cursor: pointer" onclick="ShowHidden('<%#Eval("id") %>',event)">隐藏</span></div> 
                   <div id="div<%#Eval("id") %>"> 
                      <asp:GridView ID="Detail" runat="server" AutoGenerateColumns="False" 
                           Width="241px" onrowdeleting="Detail_RowDeleting">
                       <Columns>
                         <asp:TemplateField>
                           <ItemTemplate>
                             <%#Eval("DName") %> 
                           </ItemTemplate>
                         </asp:TemplateField>
                           <asp:CommandField ButtonType="Button" ShowDeleteButton="True" />
                       </Columns>
                      </asp:GridView>
                   </div>
                  </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    
    </div>
    </form>
</body>
</html>
 

后台：

 
 using System;
using System.Data;
using System.Data.OleDb;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace WebApplication1
{
    public partial class GridView : System.Web.UI.Page
    {
        string ConnectionString = @"Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|/db1.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 [Master]", cn); 
                OleDbDataReader dr = cmd.ExecuteReader(CommandBehavior.CloseConnection); 
                this.GridView1.DataSource = dr;
                this.GridView1.DataKeyNames = new string[] { "id" };
                this.GridView1.DataBind(); 
                dr.Close(); 
                cmd.Dispose(); 
                cn.Dispose(); 
                cn1.Dispose(); 
                cn = cn1 = null; 
            }
        }
        protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                //GridView gv = (GridView)e.Row.FindControl("Detail");
                System.Web.UI.WebControls.GridView Gv1 = (System.Web.UI.WebControls.GridView)e.Row.FindControl("Detail");
                if (Gv1 != null)
                {
                    OleDbCommand cmd = new OleDbCommand("select top 10 * from Detail Where mid = " + this.GridView1.DataKeys[e.Row.RowIndex].Value, cn1);
                    OleDbDataReader dr1 = cmd.ExecuteReader();
                    Gv1.DataSource = dr1;
                    Gv1.DataKeyNames = new string[] { "id" };
                    Gv1.DataBind();
                    dr1.Close();
                    cmd.Dispose();
                }
            }
        }
        protected void Detail_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            System.Web.UI.WebControls.GridView gv = (System.Web.UI.WebControls.GridView)sender;
            Response.Write(gv.DataKeys[e.RowIndex].Value.ToString());
        }
        
    }
}
 

数据库很简单，
二个表
Master主
字段 ID，MName
Detail从
字段 ID,Mid,DName

chenguang79

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用GridView显示主细表并添加删除、打开、关闭功能(转自孟子E章)

不多说了，感谢作者前台：%@ Page Language="C#" AutoEventWireup="true" EnableViewState="true" CodeBehind="GridView.aspx.cs" Inherits="WebApplication1.GridView" %>html xmlns="http://www.w3.org/1999/xhtml" >head runa
复制链接

扫一扫

专栏目录