利用GridView显示主细表并添加打开、关闭功能

来源:互联网 发布:cisco 清除端口配置 编辑:程序博客网 时间:2024/06/05 21:15

<!--StartFragment--><html xmlns="http://www.w3.org/1999/xhtml">
<head 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="760px"
      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"
                Width="100%" HorizontalAlign="left">
                <HeaderStyle BackColor="#9999FF" />
                <Columns>
                  <asp:TemplateField HeaderText="文章名称">
                    <ItemTemplate>
                      <a href="/article/<%#Eval("objectGuid") %>/read.aspx">
                        <%#Eval("Title") %>
                      </a>[<%# Eval("HitCount") %>]
                    </ItemTemplate>
                  </asp:TemplateField>
                  <asp:BoundField HeaderText="发布日期" DataField="CreateDate" HtmlEncode="false" DataFormatString="{0:yyyy年MM月dd日}"
                    ItemStyle-Width="100px" ItemStyle-HorizontalAlign="Center" />
                </Columns>
              </asp:GridView>
            </div>
          </ItemTemplate>
        </asp:TemplateField>
      </Columns>
    </asp:GridView>
  </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;public partial class Exam_GridViewNested : System.Web.UI.Page{string ConnectionString = @&amp;quot;Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|/aspxWeb.mdb;Persist Security Info=True&amp;quot;;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(&amp;quot;select * from [Subject]&amp;quot;, 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(&amp;quot;DetailGridView&amp;quot;);if (oGridView != null){OleDbCommand cmd = new OleDbCommand(&amp;quot;select top 10 * from Document Where pid = &amp;quot; + MasterGridView.DataKeys[e.Row.RowIndex].Value, cn1);OleDbDataReader dr1 = cmd.ExecuteReader();oGridView.DataSource = dr1;oGridView.DataBind();dr1.Close();cmd.Dispose();}}}}