DataGrid的嵌套，实现树型结构

最新推荐文章于 2023-12-22 23:10:37 发布
最新推荐文章于 2023-12-22 23:10:37 发布
阅读量1k 收藏 1
点赞数
分类专栏： DataGrid专栏 文章标签： datagrid dataset asp microsoft generator server

<%@ Page language="c#" Codebehind="DataGridMasterForm.aspx.cs" AutoEventWireup="false" Inherits="Webs.DataGridMasterForm" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>DataGridMasterForm</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="DataGridMasterForm" method="post" runat="server">
<h2>使用DataGrid控件实现以主细表显示数据</h2>
<asp:DataGrid id="dgMaster" style="Z-INDEX: 101; LEFT: 48px; POSITION: absolute; TOP: 64px" runat="server" AutoGenerateColumns="False" ShowHeader="False" Width="368px">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR>
<TD bgColor="#3399ff"><FONT color="#ffffff"><B>根目录：
<%# DataBinder.Eval(Container.DataItem, "ParentId") %>
</B></FONT>
</TD>
</TR>
<TR>
<TD align="right">
<asp:DataGrid id=dgDetail runat="server" AutoGenerateColumns="False" DataSource='<%# ((System.Data.DataRowView)Container.DataItem).CreateChildView("tableRelation") %>' DataKeyField="Id" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px" BackColor="White" CellPadding="4" GridLines="Horizontal" Width="100%" Font-Size="Smaller">
<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#339966"></SelectedItemStyle>
<ItemStyle ForeColor="#333333" BackColor="White"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#336666"></HeaderStyle>
<FooterStyle ForeColor="#333333" BackColor="White"></FooterStyle>
<Columns>

<asp:BoundColumn DataField="Id" HeaderText="ID"></asp:BoundColumn>
<asp:BoundColumn DataField="DirectionName" HeaderText="子目录"></asp:BoundColumn>
</Columns>
<PagerStyle HorizontalAlign="Center" ForeColor="White" BackColor="#336666" Mode="NumericPages"></PagerStyle>
</asp:DataGrid></TD>
</TR>
</TABLE>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
</form>
</body>
</HTML>





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;
using System.Configuration;

namespace Webs
{
    /// <summary>
    /// DataGridMasterForm 的摘要说明。
    /// </summary>
    public class DataGridMasterForm : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.DataGrid dgMaster;
        protected System.Web.UI.WebControls.DataGrid dgDetail;
   
        private void Page_Load(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
            if(!IsPostBack)
            {
                DataGridBind();
            }
        }
        private void DataGridBind()
        {
            //定义数据连接对象,其中数据库连接字符串是在Web.Config文件中定义的
            SqlConnection conn = new SqlConnection(ConfigurationSettings.AppSettings["connStr"].ToString());
            //创建数据适配器对象
            SqlDataAdapter da = new SqlDataAdapter("SELECT * FROM s0; SELECT * FROM s1",conn);
            //创建DataSet对象
            DataSet ds = new DataSet();
            try
            {
                //填充数据集
                da.Fill(ds);
                //设定表名字
                ds.Tables[0].TableName = "s0";
                ds.Tables[1].TableName = "s1";
                DataColumn Parent = ds.Tables["s0"].Columns["Id"];
                DataColumn Child  = ds.Tables["s1"].Columns["ParentId"];
                DataRelation tableRelation = new DataRelation("tableRelation", Parent, Child, false);
                ds.Relations.Add(tableRelation);
                //进行数据绑定
                dgMaster.DataSource = ds.Tables["s0"].DefaultView;
                dgMaster.DataBind();
            }
            catch(Exception error)
            {
                Response.Write(error.ToString());
            }   
       
        }

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

        }
        #endregion
    }
}
  
kong1122
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF中使用TreeView封装组合控件TreeView+DataGrid
故里2130
12-21 817
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果如下，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第一种：技术的选择是TreeView（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。本文演示的是使用TreeView的实现。第二种：技术的选择是DataGrid。
wpf实现DataGrid列表控件实现树形结构，并且展开控件ToggleButton可以放在任意一列，也可以冻住多列不可拖动
02-20
wpf实现DataGrid列表控件实现树形结构，并且展开控件ToggleButton可以放在任意一列，也可以冻住多列不可拖动。
DataGrid的牵套，实现树型结构.
Asp.net2.0开发专栏
07-16 2266
DataGridMasterForm 使用DataGrid控件实现以主细表显示数据 根目录： DataKeyField="Id" BorderCol
wpf datagrid实现树结构.rar
11-01
wpf datagrid实现树结构
WPF TreeGrid(树形展开的表格)
热门推荐
Leo‘s Blog
10-11 2万+
一直都想要个树形展开的表格 像这样的 今天心血来潮就简单做了个TreeGrid 喜欢的同学可以下载下去自己研究下，其实也比较简单主要就是TreeView TreeViewItem再配合GridViewHeaderRowPresenter、GridViewRowPresenter、GridViewColumnCollection定制style基本上就可以实现以上效果 本文中涉及大
2.0DataGrid嵌套DataGrid，里面的鼠标滚动响应到外部，利用自定义命令传递滚轮事件参数实现
04-23
2.0DataGrid嵌套DataGrid，里面的鼠标滚动响应到外部，利用自定义命令传递滚轮事件参数实现，详细效果请移步： https://blog.csdn.net/u010438205/article/details/105710794
easyui下datagrid嵌套显示相关文件
07-27
用于博客easyui下datagrid嵌套显示的相关easyui代码文件
实现DataGrid多层嵌套.doc
06-21
实现DataGrid多层嵌套.doc
DataGrid里面嵌套DataGrid（重叠嵌套），鼠标滚动优化方案
04-21
有的时候，会遇到DataGrid里面嵌套DataGrid（重叠嵌套），然后里面的鼠标滚轮无法响应外面的滚动，为此记录下解决方案，详情请移步：https://blog.csdn.net/u010438205/article/details/105659330
WPF快速入门1——WPF基本树形结构解析
akadiao的博客
07-06 3730
首先，新建一个WPF应用程序： 可以看到.xmal文件中的内容为： <Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.c...
C#DataGridView某列形成树形
11-02
C#DataGridView某列形成树形
[WPF](小结3)DataGridInTreeView树嵌表
weixin_30724853的博客
06-12 910
树嵌表格,也算是创新了,展开树时Show出表格,好象不太习惯,WPF就是在这方面比较强大,啥组合都弄得出来,好了操作步骤: 第一:选构建题目类,再建一个选项类,题目类集合中的每个项包含一个选项类集合,即数组嵌套数组,C#语句如下: (为方便看清语句,类直接写在主程序中) C#代码如下： using System; using System.Collections.Generi...
WPF DataGrid 表头筛选
qq_36791193的博客
06-05 1729
WPF DataGrid 表头筛选 DataGridExtensions
WPF控件之DataGrid扩展应用（一）
weixin_45650894的博客
09-04 1021
总体思路是目录树显示个体信息，右键打开表格看总体信息，运行效果看图。
WPF的DataGrid控件——分组、改变成DataTreeGrid的样式
niuge8905的博客
12-29 9728
这里主要讲到《WPF编程宝典》那本书中，关于DataGrid控件中一些补充内容。 1、DataGrid基本用法 直接上代码，看效果吧： 后台代码namespace DataGridTest { /// <summary> /// MainWindow.xaml 的交互逻辑 /// </summary> public partial class MainWindo
WPF中使用DataGrid封装组合控件TreeView+DataGrid-粉丝专栏
最新发布
故里2130
12-22 674
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果截图，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第二种：技术的选择是DataGrid（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。第一种：技术的选择是TreeView。本文演示的是DataGrid的实现。
Wpf树形列表控件
weixin_44540343的博客
06-19 2496
TreeList TreeList的职责是读取一棵树的根节点，然后把整棵树（下称“数据树”）转换成一个列表，通过Items属性提供给DataGrid。并且TreeList要负责跟踪数据树的节点的增删情况，实时维护Items集合，以便数据树的变化能在DataGrid上反映出来。 TreeList独立完成这项工作比较困难，原因在于：每个数据树上的节点（下称“数据节点”）显示到表格中时，表格需要知道节点的一些信息，例如 节点在树的第几层，以便计算缩进量,节点当前是展开的还是没有展开,节点在表格中是可见还是不可见.
WPF中使用DataGrid封装组合控件TreeView+DataGrid
故里2130
12-22 944
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果截图，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第二种：技术的选择是DataGrid（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。第一种：技术的选择是TreeView。本文演示的是DataGrid的实现。
WPF DataGrid如何实现多选
05-27
WPF DataGrid控件允许用户进行多选，可以通过以下几种方式实现： 1. 设置SelectionMode属性为Extended 在XAML中设置DataGrid的SelectionMode属性为Extended即可开启多选功能。这将允许用户使用鼠标或键盘选择多个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值