实现DataGrid多层嵌套

最新推荐文章于 2022-05-23 21:23:29 发布
最新推荐文章于 2022-05-23 21:23:29 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： ASP.NET 文章标签： datagrid asp server table object stylesheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhobin/article/details/529434
版权

对于一个list有多层嵌套，如：一个产品有大类，大类下面有二级分类，再下有三级分类等，对于这种可用在DataGrid中再嵌套DataGrid，并同时将嵌套的DataGrid添加如事件，使其也能相应事件。其页面代码需要手工添入，无法用VS2003的可视化添入。
以下页面代码中有三个DataGrid:DG_Group,DG_6D,DG_Equ，依次嵌套。

<%@ Page language="c#" Codebehind="BackCodeDataGrid2.aspx.cs" AutoEventWireup="false" Inherits="WebTest.BackCodeDataGrid2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>BackCodeDataGrid</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="C#" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <LINK href="style.css" type="text/css" rel="stylesheet">
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <table cellSpacing="1" cellPadding="1" width="100%" align="center" bgColor="#3366ff" border="0">
    <tr>
     <td class="head_table" bgColor="#4d4d4d"><asp:datagrid id="DG_Header" runat="server" AutoGenerateColumns="False">
       <HeaderStyle CssClass="head_table style1" BackColor="#4D4D4D"></HeaderStyle>
       <Columns>
        <asp:TemplateColumn HeaderText="Model">
         <HeaderStyle Width="13%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Description">
         <HeaderStyle Width="25%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Listed Price">
         <HeaderStyle Width="13%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Quantity">
         <HeaderStyle Width="8%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Gross Amt">
         <HeaderStyle Width="10%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Discount">
         <HeaderStyle Width="6%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Net Amt">
         <HeaderStyle Width="7%"></HeaderStyle>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Unit Cost"></asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="GP%"></asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="Delete"></asp:TemplateColumn>
       </Columns>
      </asp:datagrid></td>
    </tr>
    <tr>
     <td class="head_table" bgColor="#4d4d4d"><asp:datagrid id="DG_Group" runat="server" AutoGenerateColumns="False" ShowHeader="False" AllowPaging="True"
       width="100%">
       <Columns>
        <asp:TemplateColumn HeaderText="分组名">
         <ItemTemplate>
          <TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
           <TR>
            <TD bgColor="#ffd600">分组名：<%# DataBinder.Eval(Container.DataItem, "Group_Name") %></TD>
           </TR>
           <TR>
            <TD align="right">
             <asp:DataGrid id="DG_6D" runat="server" AutoGenerateColumns="False" ShowHeader="False" width="100%">
              <Columns>
               <asp:TemplateColumn>
                <ItemTemplate>
                 <TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
                  <TR>
                   <TD bgColor="#ffd600">6D名：<%# DataBinder.Eval(Container.DataItem, "Group_6D_Name") %></TD>
                  </TR>
                  <TR>
                   <TD align="right">
                    <asp:DataGrid id="DG_Equ" runat="server" AutoGenerateColumns="False" ShowHeader="False" width="100%">
                     <Columns>
                      <asp:TemplateColumn HeaderText="Model">
                       <HeaderStyle Width="13%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Model" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ProductCode") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Description">
                       <HeaderStyle Width="25%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Desc" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Product_Model") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Listed Price">
                       <HeaderStyle Width="13%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Listed_Price" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Quantity">
                       <HeaderStyle Width="8%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Qty" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Gross Amt">
                       <HeaderStyle Width="10%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Gross_Amt" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Discount">
                       <HeaderStyle Width="6%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Discount" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Net Amt">
                       <HeaderStyle Width="7%"></HeaderStyle>
                       <ItemTemplate>
                        <asp:Label id="Lb_Net_Amt" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Unit Cost">
                       <ItemTemplate>
                        <asp:Label id="Lb_Unit_Cost" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="GP%">
                       <ItemTemplate>
                        <asp:Label id="Lb_GP" CssClass="head_table style1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equ_type") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Delete">
                       <ItemTemplate>
                        <asp:ImageButton id="ImageButton1" runat="server" ImageUrl="del.gif" CommandName="Delete"></asp:ImageButton>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                      <asp:TemplateColumn HeaderText="Equ_ID" Visible="False">
                       <ItemTemplate>
                        <asp:Label id="Lb_Equ_ID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Equipment_ID") %>'>
                        </asp:Label>
                       </ItemTemplate>
                      </asp:TemplateColumn>
                     </Columns>
                    </asp:DataGrid></TD>
                  </TR>
                 </TABLE>
                </ItemTemplate>
               </asp:TemplateColumn>
               <asp:TemplateColumn Visible="False">
                <ItemTemplate>
                 <asp:Label id="Lb1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Group_6D_ID") %>'>
                 </asp:Label>
                </ItemTemplate>
               </asp:TemplateColumn>
              </Columns>
             </asp:DataGrid>
           </TR>
          </TABLE>
         </ItemTemplate>
        </asp:TemplateColumn>
        <asp:TemplateColumn Visible="False" HeaderText="Group_ID">
         <ItemTemplate>
          <asp:Label id="Lb2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Group_ID") %>'>
          </asp:Label>
         </ItemTemplate>
        </asp:TemplateColumn>
       </Columns>
       <PagerStyle HorizontalAlign="Right" Mode="NumericPages"></PagerStyle>
      </asp:datagrid></td>
    </tr>
   </table>
   </form>
 </body>
</HTML>

cs文件：

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

namespace WebTest
{
 /// <summary>
 /// BackCodeDataGrid 的摘要说明。
 /// </summary>
 public class BackCodeDataGrid : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DataGrid DG_6D;
  protected System.Web.UI.WebControls.DataGrid DG_Group;
  private DataTable dt_Group;
  private DataTable dt_6D;  
  private DataTable dt_Equ;
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   dt_Group=new DataTable("Equ_Group");
   dt_6D=new DataTable("Group6D");
   dt_Equ=new DataTable("Equipment");
   SqlConnection conn=new SqlConnection(DataBase.ConnString);
   SqlDataAdapter da;
   da=new SqlDataAdapter("select * from equipmentgroup",conn);
   da.Fill(dt_Group);
   da=new SqlDataAdapter("select * from Group6D",conn);
   da.Fill(dt_6D);
   da=new SqlDataAdapter("select * from Equipment",conn);
   da.Fill(dt_Equ);

   BindGrid1();
  }

  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.DG_Group.ItemCreated += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DG_Group_ItemCreated);
   this.DG_Group.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DG_Group_ItemDataBound);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private void BindGrid1()
  {
   DG_Group.DataSource=dt_Group.DefaultView;
   DG_Group.DataBind();
  }

  private void DG_Group_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if(e.Item.ItemType!=ListItemType.Header && e.Item.ItemType!=ListItemType.Footer)
   {
    //
    DataGrid DG_6D=(DataGrid)e.Item.FindControl("DG_6D");
    Label lb=(Label)e.Item.Cells[1].FindControl("Lb2");
    string gr_id=lb.Text;
    dt_6D.DefaultView.RowFilter="Group_ID="+gr_id;
    DG_6D.DataSource=dt_6D;
    DG_6D.DataBind();

   }
  }

  private void DG_Group_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if ( e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem )
   {
    DataGrid DG_6D = (DataGrid)e.Item.FindControl("DG_6D");
    DG_6D.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler( this.DG_6D_ItemDataBound );
    //DG_6D.ItemCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.DG_6D_ItemCommand);
   }
  
  }

  private void DG_6D_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if(e.Item.ItemType!=ListItemType.Header && e.Item.ItemType!=ListItemType.Footer)
   {
    //
    DataGrid DG_Equ=(DataGrid)e.Item.FindControl("DG_Equ");
    Label lb=(Label)e.Item.Cells[1].FindControl("Lb1");
    string gr_6d_id=lb.Text;
    dt_Equ.DefaultView.RowFilter="Group_6D_ID="+gr_6d_id;
    DG_Equ.DataSource=dt_Equ;
    DG_Equ.DataBind();

   }
  }
 }
}

zhobin
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DataGrid中嵌套DataGrid
11-27
DataGrid中嵌套DataGrid，修改后也适用DataGrid中嵌套DataList,DataList中嵌套DataList
DataGrid的嵌套
张朝玉的专栏
03-20 1352
1.html代码HTML>    HEAD>        title>DataGridNestingtitle>        meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">        meta content="C#" name="CODE_LANGUAGE">        meta content=
DataGrid里面嵌套DataGrid（重叠嵌套），鼠标滚动优化方案
04-21
【注意，已经出2.0DataGrid.....啦】 有的时候，会遇到DataGrid里面嵌套DataGrid（重叠嵌套），然后里面的鼠标滚轮无法响应外面的滚动，为此记录下解决方案，详情请移步：https://blog.csdn.net/u010438205/article/details/105659330
datagrid三层嵌套的代码
betterwy的专栏
11-23 1385
betterwy (阿拉真主，我赞美你) 找了半天也没有，如果您手边有这方面的代码，请贴一个，或者给个地址，我会好好研究学习的，谢谢！Nobody helps me,then I have to ref this:http://www.denisbauer.com/ASPNETControls/NestedHierarGridDemo.aspx // the main javascript cod
DataGrid 嵌套 dataGrid 的实现
weixin_30553837的博客
06-27 96
1CS:2usingSystem;3usingSystem.Collections;4usingSystem.ComponentModel;5usingSystem.Data;6usingSystem.Drawing;7usingSystem.Web;8usingSystem.Web.SessionState;9usingSystem.Web.U...
实现DataGrid多层嵌套.doc
06-21
实现DataGrid多层嵌套.doc
WPF DataGrid 拖拽实现
11-16
WPF DataGrid 拖拽实现
2.0DataGrid嵌套DataGrid，里面的鼠标滚动响应到外部，利用自定义命令传递滚轮事件参数实现
04-23
2.0DataGrid嵌套DataGrid，里面的鼠标滚动响应到外部，利用自定义命令传递滚轮事件参数实现，详细效果请移步： https://blog.csdn.net/u010438205/article/details/105710794
Easyui—datagrid嵌套四层
qq_38567182的博客
01-20 683
关于Easyui 多层datagrid 列表数据 应用场景：如查询一个省有多少城市？一个城市有多少县区？一个县区多少乡镇。 用列表展示出来，并很直观感受出来 效果展示 <div id="divLayout" class="easyui-layout layout easyui-fluid" data-options="fit:true" style="border-top: 1px solid #95b8e7; width:100%;height:100%;"> <div st
在DataGrid里内嵌控件
自由是冠军
02-28 1738
在DataGrid里内嵌控件 在单元格里面内嵌控件，是一个迷人的功能。但是要用好这一招可并不像想象中那么容易。互联网上关于在DataGrid里面内嵌ComboBox的文章能把人看晕了。但是效果却不怎么理想。所以我认为要用好内嵌控件这招必须从根子上入手。DataGridColumnStyle这个类可能并不是非常引人注目，但是它的两个派生类我想大家都是非常熟悉的，那就是DataGridText
WPF DataGrid合并单元格（模板列嵌套DataGrid)
09-22
WPF中的DataGrid合并单元格，模板列内嵌套DataGrid，非真正合并
c# winform datagridview 中嵌套的combobox实现级联选择
04-20
c# winform datagridview 中嵌套的combobox实现级联选择
WPF DataGrid 使用进阶
flysh05的专栏
05-23 329
数据模型和数据模型创建的数据集代码和上一篇代码一样。只是UI创建的绑定方式不一样，不再默认绑定方式。效果如下： 1. 依据后台数据类型创建DataContent <Window.DataContext>  <local:Songs/> </Window.DataContext>2. 创建枚举类型的资源 <Window.Resources>  <ObjectDataProvider x:Key="objDataProvid
datagrid的数据分层
l_guofei1981的专栏
02-21 967
 datagrid控件作为一个维护数据的利器,深得大多数人的喜欢,但在数据的显示控制及错误处理方面却又因为没有中间层次,显得不容易使用,让人对其又爱又恨.  但实际上datagrid在数据上可分三层,最底层的为绑定表或绑定的对象,datagrid上显示数据的显示层,当聚焦到某单元格上时显示的控件的控件层.我们在这里分别把它们命名为数据层,显示件,控件层,以便于我们在下面称呼.  这样算来,
在ASP.NET中如何在DataGrid中实现数据嵌套显示
Simple is beautiful
10-06 1048
一.应用情景. 
WPF Grid + DataGrid多表头 动态列实现
i0703mtf的专栏
12-12 8858
Grid + DataGrid简单实现了多表头，动态列。Mark~
WPF 动态列（DataGridTemplateColumn） 绑定数据 （自定义控件）
热门推荐
时意
10-16 1万+
因为项目需要 要实现这个~ 怎么实现画红框内容部分 田字格和上面Textbox 属于一个自定义控件 大致功能是获得一个字符串 和一组颜色值 最后田字格会显示不同颜色 这篇主要讲 DataGridTemplateColumn 并实现重写Datatemplate 重点注释 单独列出来了 LS 是列数据对象集合 listName是行数据对象集合 var Item = n...
后端开发是一个涉及广泛技术和工具的领域.docx
最新发布
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
华为数字化转型实践28个精华问答glkm.pptx
04-30
华为数字化转型实践28个精华问答glkm.pptx
wpf datagrid 多层表头
06-02
WPF DataGrid 支持多层表头，可以使用 DataGrid 的 ColumnHeaderStyle 属性来自定义表头样式。 首先，你需要定义表头的层次结构。可以使用 DataGrid 的 ColumnGroups 属性来定义多层表头。例如，下面的代码定义了两个层次的表头： ``` <DataGrid.ColumnHeaderStyle> <Style TargetType="{x:Type DataGridColumnHeader}"> <Setter Property="ContentTemplate"> <Setter.Value> <DataTemplate> <TextBlock Text="{Binding}"/> </DataTemplate> </Setter.Value> </Setter> </Style> </DataGrid.ColumnHeaderStyle> <DataGrid.ColumnGroups> <DataGridGroupHeader x:Name="GroupHeader1" Header="Group 1" FontWeight="Bold"/> <DataGridGroupHeader x:Name="GroupHeader2" Header="Group 2" FontWeight="Bold" ParentGroupHeader="{Binding ElementName=GroupHeader1}"/> </DataGrid.ColumnGroups> ``` 在这个例子中，第一列的表头为 "Group 1"，第二列的表头为 "Group 2"，它们都是加粗的。第二列的表头是第一列的子表头，所以它们之间有一个缩进。 然后，你需要为每个表头单元格定义样式。可以使用 DataGrid 的 ColumnHeaderStyle 属性来定义默认样式，也可以为每个表头单元格定义不同的样式。例如，下面的代码定义了一个简单的表头样式： ``` <Style x:Key="HeaderCellStyle" TargetType="{x:Type DataGridColumnHeader}"> <Setter Property="Background" Value="#CCCCCC"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="BorderBrush" Value="#888888"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Padding" Value="4"/> </Style> ``` 最后，将表头样式应用到 DataGrid 的每个列上。例如，下面的代码定义了两个列，并将表头样式应用到它们的表头单元格： ``` <DataGrid.Columns> <DataGridTextColumn Header="Column 1" Binding="{Binding Property1}" HeaderStyle="{StaticResource HeaderCellStyle}"/> <DataGridTextColumn Header="Column 2" Binding="{Binding Property2}" HeaderStyle="{StaticResource HeaderCellStyle}"/> </DataGrid.Columns> ``` 这样，你就可以创建一个具有多层表头的 WPF DataGrid 了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值