当前位置:Gxlcms > asp.net > GridView多层嵌套和折叠与展开(修改适合自己使用)

GridView多层嵌套和折叠与展开(修改适合自己使用)

时间:2021-07-01 10:21:17 帮助过:41人阅读

Insus.NET近段时间应朋友的要求,写一个GridView多层嵌套和折叠与展开。这个功能的GridView多层嵌套没有问题,因为已经做了无限次数,但是折叠与展开的功能,却花上不少时间(网上找资料),虽找到资料可参考,还是了解明它,并修改适合自己程序使用。效果如下:

站点中多个页面使用,因此Insus.NET把它写在一个用户自定义控件ASCX上。
代码如下:
  1. <br>InsusMenu.ascx <br><br><%@ Control Language="VB" AutoEventWireup="false" CodeFile="InsusMenu.ascx.vb" Inherits="AscxControls_InsusMenu" %> <br><br><!--折叠与展开的Javascript部分--> <br><script type="text/javascript" language="javascript"> <br>function ShowHidde(sid, evt) { <br>evt = evt || window.event; <br>var target = evt.target || evt.srcElement; <br>var objDiv = document.getElementById("div" + sid); <br>objDiv.style.display = objDiv.style.display == "none" ? "block" : "none"; <br>target.title = objDiv.style.display == "none" ? "Show" : "Hide"; <br>var imgid = 'img' + sid; <br>document.getElementById(imgid).src = objDiv.style.display == "none" ? "Image/+.gif" : "Image/-.gif"; <br>} <br></script> <br><!--第一层--> <br><asp:GridView ID="GridViewYear" runat="server" Width="100%" AutoGenerateColumns="False" <br>OnRowDataBound="GridViewYear_RowDataBound" ShowHeader="false" BorderWidth="0"> <br><Columns> <br><asp:TemplateField> <br><ItemStyle BorderWidth="0" Height="25" /> <br><ItemTemplate> <br><br><!--下在这个绑定Eval("Year"),是为获取唯一ID,如果你的记录有一个主键的话,可以绑定主键的字段名--> <br><img id='img<%# Eval("Year")%>' style="border: 0px;" src="Image/+.gif" onclick="ShowHidde('<%#Eval("Year")%>',event)" /> <br><br><!--下面这个绑定,是第一层显示的文字--> <br><%# Eval("Year") & "年"%> <br><div id='div<%# Eval("Year")%>' style="display: none;"> <br><br><!--第二层--> <br><asp:GridView ID="GridViewMonth" runat="server" OnRowDataBound="GridViewMonth_RowDataBound" Width="100%" AutoGenerateColumns="False" ShowHeader="False" BorderWidth="0"> <br><Columns> <br><asp:TemplateField> <br><ItemStyle BorderWidth="0" Height="25" /> <br><ItemTemplate> <br><!--这部分的解释,可参考上面。--> <br><img id='img<%# Eval("Month")%>' style="border: 0px; padding-left: 20px;" src="Image/+.gif" onclick="ShowHidde('<%#Eval("Month")%>',event)" /> <br><%# Eval("Month") & "月"%> <br><div id='div<%# Eval("Month")%>' style="display: none;"> <br><br><!--第三层--> <br><asp:GridView ID="GridViewVideoFile" runat="server" Width="100%" AutoGenerateColumns="False" <br>ShowHeader="False" BorderWidth="0"> <br><Columns> <br><asp:TemplateField> <br><ItemStyle BorderWidth="0" Height="25" /> <br><ItemTemplate> <br><img style="border: 0px; padding-left: 40px; padding-right:5px; width: 16px; height: 16px; vertical-align: middle;" src="Image/m_file.png" /><asp:HyperLink ID="HyperLinkPlayer" runat="server" NavigateUrl='<%# "~/VideoPlayer.aspx?videokey=" & Eval("VideoLibrary_nbr")%>' Text='<%# Eval("OldFileName").Substring(0, Eval("OldFileName").LastIndexOf("."))%>' Target="_blank"></asp:HyperLink> <br></ItemTemplate> <br></asp:TemplateField> <br></Columns> <br></asp:GridView> <br></div> <br></ItemTemplate> <br></asp:TemplateField> <br></Columns> <br></asp:GridView> <br></div> <br></ItemTemplate> <br></asp:TemplateField> <br></Columns> <br></asp:GridView> <br> <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>InsusMenu.ascx.vb <br><br>Imports System.Data <br>Imports Insus.NET <br><br>Partial Class AscxControls_InsusMenu <br>Inherits System.Web.UI.UserControl <br><br>'宣告实例 <br>Dim objVideoLibrary As New VideoLibrary() <br><br>Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load <br>If Not IsPostBack Then <br>Data_Binding() <br>End If <br>End Sub <br><br>Private Sub Data_Binding() <br>'从数据库获取数据,绑定在第一层的GridView <br>Me.GridViewYear.DataSource = objVideoLibrary.GetYear() <br>Me.GridViewYear.DataBind() <br>End Sub <br><br>'数据绑定在第二层的GridView <br>Protected Sub GridViewYear_RowDataBound(sender As Object, e As GridViewRowEventArgs) <br><br><br>Dim dvr As DataRowView = DirectCast(e.Row.DataItem, DataRowView) <br>If e.Row.RowType = DataControlRowType.DataRow Then <br>If e.Row.FindControl("GridViewMonth") IsNot Nothing Then <br>Dim Gv As GridView = DirectCast(e.Row.FindControl("GridViewMonth"), GridView) <br>objVideoLibrary.Year = ConvertData.ToSmallInt(dvr("Year")) <br>Gv.DataSource = objVideoLibrary.GetMonthByYear() <br>Gv.DataBind() <br>End If <br>End If <br>End Sub <br><br>'数据绑定在第三层的GridView <br>Protected Sub GridViewMonth_RowDataBound(sender As Object, e As GridViewRowEventArgs) <br>Dim dvr As DataRowView = DirectCast(e.Row.DataItem, DataRowView) <br>If e.Row.RowType = DataControlRowType.DataRow Then <br>If e.Row.FindControl("GridViewVideoFile") IsNot Nothing Then <br>Dim Gv As GridView = DirectCast(e.Row.FindControl("GridViewVideoFile"), GridView) <br>objVideoLibrary.Year = ConvertData.ToSmallInt(dvr("Year")) <br>objVideoLibrary.Month = ConvertData.ToTinyInt(dvr("Month")) <br>Gv.DataSource = objVideoLibrary.GetByYearAndMonth() <br>Gv.DataBind() <br>End If <br>End If <br>End Sub <br>End Class <br></li><li> </li><li> </li></ol></pre>

人气教程排行