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

本文介绍如何使用ASP.NET和VB.NET在DataGrid中显示带有主次结构的数据,通过实例展示了如何从Northwind数据库获取订单及其详细信息,并利用DataRelation建立父子关系。
作者:孟宪会 出自:【孟宪会之精彩世界】 发布日期:2003年4月18日 0点0分0秒

    大家在实际工作中有没有遇到要在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">
</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>

    在VS.NET里创建名字为HierarchicalDataGrid的VB.NET ASPX应用程序,输入上面的代码,就可以看到下面的结果:

ASP.NET 2.0版本代码

C#

&lt;%@ Page Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot; CodeFile=&quot;Default.aspx.cs&quot; Inherits=&quot;_Test_Default&quot; %&gt;
            &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
            &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
            &lt;head runat=&quot;server&quot;&gt;
            &lt;title&gt;无标题页&lt;/title&gt;
            &lt;/head&gt;
            &lt;body&gt;
            &lt;form runat=&quot;server&quot;&gt;
            &lt;asp:DataGrid ID=&quot;DataGrid1&quot; BorderColor=&quot;#0099FF&quot; runat=&quot;server&quot; ShowHeader=&quot;False&quot;
            Width=&quot;470px&quot; CellPadding=&quot;0&quot; CellSpacing=&quot;0&quot; AutoGenerateColumns=&quot;False&quot; BorderWidth=&quot;2px&quot;
            OnItemDataBound=&quot;DataGrid1_ItemDataBound&quot;&gt;
            &lt;Columns&gt;
            &lt;asp:TemplateColumn&gt;
            &lt;ItemTemplate&gt;
            &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;100%&quot; border=&quot;0&quot;&gt;
            &lt;tr&gt;
            &lt;td bgcolor=&quot;#FF6600&quot;&gt;
            &lt;b&gt;订单号:
            &lt;%# Eval(&quot;OrderID&quot;) %&gt;
            &lt;/b&gt;
            &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
            &lt;td align=&quot;right&quot;&gt;
            &lt;asp:DataGrid ID=&quot;DataGrid2&quot; runat=&quot;server&quot; AutoGenerateColumns=&quot;False&quot; BorderColor=&quot;#33FF33&quot;
            DataKeyField=&quot;OrderID&quot; DataSource='&lt;%# ((System.Data.DataRowView)Container.DataItem).CreateChildView(&quot;OrderRelation&quot;) %&gt;'&gt;
            &lt;HeaderStyle Font-Bold=&quot;True&quot; ForeColor=&quot;#CC0066&quot; BackColor=&quot;#FFCCFF&quot;&gt;&lt;/HeaderStyle&gt;
            &lt;Columns&gt;
            &lt;asp:BoundColumn Visible=&quot;False&quot; DataField=&quot;OrderID&quot; ReadOnly=&quot;True&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;asp:TemplateColumn HeaderText=&quot;产品名称&quot;&gt;
            &lt;HeaderStyle Width=&quot;300px&quot;&gt;&lt;/HeaderStyle&gt;
            &lt;ItemTemplate&gt;
            &lt;%# Eval(&quot;ProductName&quot;) %&gt;
            &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateColumn&gt;
            &lt;asp:BoundColumn DataField=&quot;UnitPrice&quot; HeaderText=&quot;单价&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;asp:BoundColumn DataField=&quot;Quantity&quot; HeaderText=&quot;数量&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;asp:BoundColumn DataField=&quot;Discount&quot; HeaderText=&quot;折扣&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;/Columns&gt;
            &lt;/asp:DataGrid&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;/table&gt;
            &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateColumn&gt;
            &lt;/Columns&gt;
            &lt;/asp:DataGrid&gt;
            &lt;/form&gt;
            &lt;/body&gt;
            &lt;/html&gt;
            using System;
            using System.Data;
            using System.Data.SqlClient;
            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 _Test_Default : System.Web.UI.Page
            {
            protected void Page_Load( object sender, EventArgs e )
            {
            SqlConnection OrdersConnection = new SqlConnection(@&quot;User ID=sa;Password=;Initial Catalog=NorthWind;Server=(local)&quot;);
            SqlDataAdapter OrderAdapter = new SqlDataAdapter(&quot;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&quot;, OrdersConnection);
            DataSet OrderDataSet = new DataSet();
            OrderAdapter.Fill(OrderDataSet);
            OrderDataSet.Tables[0].TableName = &quot;Orders&quot;;
            OrderDataSet.Tables[1].TableName = &quot;Order Details&quot;;
            DataColumn Parent = OrderDataSet.Tables[&quot;Orders&quot;].Columns[&quot;OrderID&quot;];
            DataColumn Child = OrderDataSet.Tables[&quot;Order Details&quot;].Columns[&quot;OrderID&quot;];
            DataRelation OrderRelation = new DataRelation(&quot;OrderRelation&quot;, Parent, Child, false);
            OrderDataSet.Relations.Add(OrderRelation);
            DataGrid1.DataSource = OrderDataSet.Tables[&quot;Orders&quot;].DefaultView;
            DataBind();
            }
            protected void DataGrid1_ItemDataBound( object sender, DataGridItemEventArgs e )
            {
            e.Item.Cells[0].BackColor = System.Drawing.Color.Ivory;
            }
            }
            

VB.NET

&lt;%@ Page Language=&quot;VB&quot; AutoEventWireup=&quot;false&quot; CodeFile=&quot;Default3.aspx.vb&quot; Inherits=&quot;Default3&quot; %&gt;
            &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
            &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
            &lt;head id=&quot;Head1&quot; runat=&quot;server&quot;&gt;
            &lt;title&gt;无标题页&lt;/title&gt;
            &lt;/head&gt;
            &lt;body&gt;
            &lt;form id=&quot;Form1&quot; runat=&quot;server&quot;&gt;
            &lt;asp:DataGrid ID=&quot;DataGrid1&quot; BorderColor=&quot;#0099FF&quot; runat=&quot;server&quot; ShowHeader=&quot;False&quot;
            Width=&quot;470px&quot; CellPadding=&quot;0&quot; CellSpacing=&quot;0&quot; AutoGenerateColumns=&quot;False&quot; BorderWidth=&quot;2px&quot;&gt;
            &lt;Columns&gt;
            &lt;asp:TemplateColumn&gt;
            &lt;ItemTemplate&gt;
            &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;100%&quot; border=&quot;0&quot;&gt;
            &lt;tr&gt;
            &lt;td bgcolor=&quot;#FF6600&quot;&gt;
            &lt;b&gt;订单号:
            &lt;%# Eval(&quot;OrderID&quot;) %&gt;
            &lt;/b&gt;
            &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
            &lt;td align=&quot;right&quot;&gt;
            &lt;asp:DataGrid ID=&quot;DataGrid2&quot; runat=&quot;server&quot; AutoGenerateColumns=&quot;False&quot; BorderColor=&quot;#33FF33&quot;
            DataKeyField=&quot;OrderID&quot; DataSource='&lt;%# CType(Container.DataItem,System.Data.DataRowView).CreateChildView(&quot;OrderRelation&quot;) %&gt;'&gt;
            &lt;HeaderStyle Font-Bold=&quot;True&quot; ForeColor=&quot;#CC0066&quot; BackColor=&quot;#FFCCFF&quot;&gt;&lt;/HeaderStyle&gt;
            &lt;Columns&gt;
            &lt;asp:BoundColumn Visible=&quot;False&quot; DataField=&quot;OrderID&quot; ReadOnly=&quot;True&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;asp:TemplateColumn HeaderText=&quot;产品名称&quot;&gt;
            &lt;HeaderStyle Width=&quot;300px&quot;&gt;&lt;/HeaderStyle&gt;
            &lt;ItemTemplate&gt;
            &lt;%# Eval(&quot;ProductName&quot;) %&gt;
            &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateColumn&gt;
            &lt;asp:BoundColumn DataField=&quot;UnitPrice&quot; HeaderText=&quot;单价&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;asp:BoundColumn DataField=&quot;Quantity&quot; HeaderText=&quot;数量&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;asp:BoundColumn DataField=&quot;Discount&quot; HeaderText=&quot;折扣&quot;&gt;&lt;/asp:BoundColumn&gt;
            &lt;/Columns&gt;
            &lt;/asp:DataGrid&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;/table&gt;
            &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateColumn&gt;
            &lt;/Columns&gt;
            &lt;/asp:DataGrid&gt;
            &lt;/form&gt;
            &lt;/body&gt;
            &lt;/html&gt;
            Partial Class Default3
            Inherits System.Web.UI.Page
            Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            Dim OrdersConnection As System.Data.SqlClient.SqlConnection =
            New System.Data.SqlClient.SqlConnection(&quot;User ID=sa;Password=;Initial Catalog=NorthWind;Server=(local)&quot;)
            Dim OrderAdapter As System.Data.SqlClient.SqlDataAdapter = New
            System.Data.SqlClient.SqlDataAdapter(&quot;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&quot;, OrdersConnection)
            Dim OrderDataSet As System.Data.DataSet = New System.Data.DataSet()
            OrderAdapter.Fill(OrderDataSet)
            OrderDataSet.Tables(0).TableName = &quot;Orders&quot;
            OrderDataSet.Tables(1).TableName = &quot;Order Details&quot;
            Dim Parent As System.Data.DataColumn = OrderDataSet.Tables(&quot;Orders&quot;).Columns(&quot;OrderID&quot;)
            Dim Child As System.Data.DataColumn = OrderDataSet.Tables(&quot;Order Details&quot;).Columns(&quot;OrderID&quot;)
            Dim OrderRelation As System.Data.DataRelation = New System.Data.DataRelation(&quot;OrderRelation&quot;, Parent, Child, False)
            OrderDataSet.Relations.Add(OrderRelation)
            DataGrid1.DataSource = OrderDataSet.Tables(&quot;Orders&quot;).DefaultView
            DataBind()
            End Sub
            Protected 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
            
 
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值