利用ASP.NET DataGrid显示主次关系的数据

你的名字 2021-12-22 17:57 68阅读 0赞

**利用ASP.NET DataGrid显示主次关系的数据**

大家在实际工作中有没有遇到要在DataGrid中显示带有主次结构的数据呢？如果你对ADO.NET和SQL Server2000熟悉的话，我们下面就举一个利用VS.NET自带的示例数据库Northwind和VB.NET来说明如何实现这一目标。  
首先，我们先准备要显示的带有主次结构的数据。

下面就是要绑定到HierarchicalDataGrid.aspx的VB.NET代码文件HierarchicalDataGrid.aspx.vb的内容：

Imports System.Data.SqlClient

Public Class HierarchicalDataGrid  
Inherits System.Web.UI.Page  
Protected WithEvents DataGrid1 As System.Web.UI.WebControls.DataGrid

\#Region " Web Form Designer Generated Code "

'下面的调用对Web Form设计器来说是必须的  
<System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

End Sub

Private Sub Page\_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init  
'CODEGEN: 这个方法是为Web Form设计器调用的  
'不要用代码编辑器改变这里.  
InitializeComponent()  
End Sub

\#End Region

Private Sub Page\_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

'打开数据库连接  
Dim OrdersConnection As New SqlConnection("Server=(local)\\NetSDK;Database=northwind;Trusted\_Connection=yes")

'得到订单和订单详细信息  
Dim OrderAdapter As New SqlDataAdapter("Select \* from Orders; select OrderID ,Products.ProductName,\[order Details\].Unitprice,\[order Details\].Quantity,\[order Details\].discount from \[order Details\],Products where \[Order Details\].ProductId=Products.ProductID", OrdersConnection)

'创建并填充DataSet对象  
Dim OrderDataSet As New DataSet()

OrderAdapter.Fill(OrderDataSet)

'设定表名字  
OrderDataSet.Tables(0).TableName = "Orders"  
OrderDataSet.Tables(1).TableName = "Order Details"

'在基于OrderID字段的两个表之间建立父子关系  
Dim Parent As DataColumn = OrderDataSet.Tables("Orders").Columns("OrderID")  
Dim Child As DataColumn = OrderDataSet.Tables("Order Details").Columns("OrderID")

Dim OrderRelation As DataRelation = New DataRelation("OrderRelation", Parent, Child, False)

'为DataSet添加关系  
OrderDataSet.Relations.Add(OrderRelation)

'把DataGrid绑定到Orders表  
DataGrid1.DataSource = OrderDataSet.Tables("Orders").DefaultView  
DataBind()

End Sub

Private Sub DataGrid1\_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemDataBound  
e.Item.Cells(0).BackColor = System.Drawing.Color.Ivory  
End Sub  
End Class

在HierarchicalDataGrid.aspx中，我们为DataGrid1建立模板列，并把另外一个DataGrid嵌入到这个模板列，父一级的DataGrid用来显示主记录，比如：订单。子一级DataGrid用来显示详细信息，比如：订单的详细信息。我们这样为子DataGrid动态指定数据源：

DataSource='<%\# Ctype(Container.DataItem,DataRowView).CreateChildView("OrderRelation") %>'>

上面这句就是实现显示主次关系数据的关键。根据当前父一级记录，DataRowView.CreateChildView利用前面创建的关系的名字作为参数获得子记录，并把它绑定到子DataGrid上。

下面就是我们要显示的ASPX页面的代码，HierarchicalDataGrid.aspx：

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="HierarchicalDataGrid.aspx.vb" Inherits="HierarchicalDataGrid.HierarchicalDataGrid" %>  
<%@ Import namespace="System.Data"%>  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
<HEAD>  
<title>显示主次关系数据的例子</title>  
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">  
<meta name="CODE\_LANGUAGE" content="Visual Basic 7.0">  
<meta name="vs\_defaultClientScript" content="JavaScript">  
<meta name="vs\_targetSchema" content="[http://schemas.microsoft.com/intellisense/ie5][http_schemas.microsoft.com_intellisense_ie5]">  
</HEAD>  
<body>  
<form id="FrmDataGrid" method="post" runat="server">  
<P align="center">  
<asp:DataGrid id="DataGrid1" BorderColor="\#0099FF" runat="server" ShowHeader="False" Width="470px" CellPadding="0" CellSpacing="0" AutoGenerateColumns="False" BorderWidth="2px">  
<Columns>  
<asp:TemplateColumn>  
<ItemTemplate>  
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">  
<TR>  
<TD bgColor="\#FF6600"><B>订单号：  
<%\# DataBinder.Eval(Container.DataItem, "OrderID") %>  
</B>  
</TD>  
</TR>  
<TR>  
<TD align="right">  
<asp:DataGrid id=DataGrid2 runat="server" AutoGenerateColumns="False" BorderColor="\#33FF33" DataKeyField="OrderID" DataSource='<%\# Ctype(Container.DataItem,DataRowView).CreateChildView("OrderRelation") %>'>  
<HeaderStyle Font-Bold="True" ForeColor="\#CC0066" BackColor="\#FFCCFF"></HeaderStyle>  
<Columns>  
<asp:BoundColumn Visible="False" DataField="OrderID" ReadOnly="True"></asp:BoundColumn>  
<asp:TemplateColumn HeaderText="产品名称">  
<HeaderStyle Width="300px"></HeaderStyle>  
<ItemTemplate>  
<%\# DataBinder.Eval(Container.DataItem, "ProductName") %>  
</ItemTemplate>  
</asp:TemplateColumn>  
<asp:BoundColumn DataField="UnitPrice" HeaderText="单价"></asp:BoundColumn>  
<asp:BoundColumn DataField="Quantity" HeaderText="数量"></asp:BoundColumn>  
<asp:BoundColumn DataField="Discount" HeaderText="折扣"></asp:BoundColumn>  
</Columns>  
</asp:DataGrid></TD>  
</TR>  
</TABLE>  
</ItemTemplate>  
</asp:TemplateColumn>  
</Columns>  
</asp:DataGrid></P>  
</form>  
</body>  
</HTML>

转载于:https://www.cnblogs.com/llbofchina/archive/2005/08/19/218827.html

[http_schemas.microsoft.com_intellisense_ie5]: http://schemas.microsoft.com/intellisense/ie5

发表评论取消回复

表情：

评论列表（有 0 条评论，68人围观）

还没有评论，来说两句吧...

相关阅读

相关 Wpf DataGrid的数据绑定

在项目开发的过程，通常会遇到一些表格数据的绑定，因为没有WPF的开发经验所以一边摸索一边开发，所幸WPF的上手难度不大，开发过程较为顺利。不过在使用DataGrid的时候还是遇

亦凉/ 2024年03月27日 15:08/ 0 赞/ 157 阅读

相关动态显示/隐藏 DataGrid 的列

在List中选中一个就会显示相应的 DataGrid 的列。 <?xml version="1.0" encoding="utf-8"?> <mx:Applica

快来打我*/ 2022年08月07日 06:48/ 0 赞/ 289 阅读

相关 Easyui Datagrid的Rownumber行号显示问题

Datagrid中当你的行数据超过9999时，第一列的行号rownumber将会因为表格内容过长而导致无法显示全部数字，这一点Easyui无法做到自适应所以需要进行修改

- 日理万妓/ 2022年08月05日 12:12/ 0 赞/ 229 阅读

相关【easyui】动态显示datagrid列

以前做法 $("datagridId").datagrid("hideColumn", "columnField"); // 设置隐藏列现在做法

深藏阁楼爱情的钟/ 2022年06月13日 06:18/ 0 赞/ 419 阅读

相关 easyui datagrid table在没有数据时显示相关提示内容

老规矩先上图： ![70][]当数据为空时相应的提示数据美化，接下来看代码解决这个问题的方式有很多种博主给出项目中常用的两种：在这里补充一点在easyui 1.5

快来打我*/ 2022年05月22日 12:57/ 0 赞/ 292 阅读

相关 easyui datagrid 列数据太多显示不完

当某一列的数据太多，在单元格中无法全部显示时，可以采用如下方式： { field : 'cust_telphone', title :

柔光的暖阳◎/ 2022年05月19日 13:36/ 0 赞/ 1000 阅读

相关 bootstrap弹出框不显示EasyUI dataGrid数据

修改弹出框为bootstrap弹出框 bootstrap弹出框不显示EasyUI dataGrid数据：解决办法，在 dataGrid加载前加上代码： $('

太过爱你忘了你带给我的痛/ 2022年04月18日 03:27/ 0 赞/ 392 阅读

相关【解决方法】EasyUI DataGrid不显示滚动条时，没有数据的问题

解决方法于dataGrid例如，下面的代码被添加到的定义： JavaScript Code <table style="font-family:Consolas,

忘是亡心i/ 2022年04月10日 10:42/ 0 赞/ 846 阅读

相关利用ASP.NET DataGrid显示主次关系的数据

利用ASP.NET DataGrid显示主次关系的数据大家在实际工作中有没有遇到要在DataGrid中显示带有主次结构的数据呢？如果你对ADO.NET和SQL Ser

你的名字/ 2021年12月22日 17:57/ 0 赞/ 69 阅读

相关动态数据添加(DataGrid)

[http://www.cnblogs.com/lovecherry/archive/2005/03/25/125526.aspx][http_www.cnblogs.com_

悠悠/ 2021年10月25日 12:22/ 0 赞/ 372 阅读