利用ASP.NET DataGrid显示主次关系的数据
作者：孟宪会 出自：【孟宪会之精彩世界】 发布日期：2003年4月18日 12点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设计器来说是必须的
1<system.diagnostics.debuggerstepthrough()> Private Sub InitializeComponent()
2
3End Sub
4
5Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
6'CODEGEN: 这个方法是为Web Form设计器调用的
7'不要用代码编辑器改变这里.
8InitializeComponent()
9End Sub
10
11#End Region
12
13Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
14
15'打开数据库连接
16Dim OrdersConnection As New SqlConnection("Server=(local)\NetSDK;Database=northwind;Trusted_Connection=yes")
17
18'得到订单和订单详细信息
19Dim 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)
20
21'创建并填充DataSet对象
22Dim OrderDataSet As New DataSet()
23
24OrderAdapter.Fill(OrderDataSet)
25
26'设定表名字
27OrderDataSet.Tables(0).TableName = "Orders"
28OrderDataSet.Tables(1).TableName = "Order Details"
29
30'在基于OrderID字段的两个表之间建立父子关系
31Dim Parent As DataColumn = OrderDataSet.Tables("Orders").Columns("OrderID")
32Dim Child As DataColumn = OrderDataSet.Tables("Order Details").Columns("OrderID")
33
34Dim OrderRelation As DataRelation = New DataRelation("OrderRelation", Parent, Child, False)
35
36'为DataSet添加关系
37OrderDataSet.Relations.Add(OrderRelation)
38
39'把DataGrid绑定到Orders表
40DataGrid1.DataSource = OrderDataSet.Tables("Orders").DefaultView
41DataBind()
42
43End Sub
44
45Private Sub DataGrid1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemDataBound
46e.Item.Cells(0).BackColor = System.Drawing.Color.Ivory
47End Sub
48End Class
49
50在HierarchicalDataGrid.aspx中，我们为DataGrid1建立模板列，并把另外一个DataGrid嵌入到这个模板列，父一级的DataGrid用来显示主记录，比如：订单。子一级DataGrid用来显示详细信息，比如：订单的详细信息。我们这样为子DataGrid动态指定数据源：
51
52DataSource='```
53# Ctype(Container.DataItem,DataRowView).CreateChildView("OrderRelation")
54```'>
55
56上面这句就是实现显示主次关系数据的关键。根据当前父一级记录，DataRowView.CreateChildView利用前面创建的关系的名字作为参数获得子记录，并把它绑定到子DataGrid上。
57
58下面就是我们要显示的ASPX页面的代码，HierarchicalDataGrid.aspx：
@ Page Language="vb" AutoEventWireup="false" Codebehind="HierarchicalDataGrid.aspx.vb" Inherits="HierarchicalDataGrid.HierarchicalDataGrid"
@ Import namespace="System.Data"
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2
3<html>
4<head>
5<title>显示主次关系数据的例子</title>
6<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR"/>
7<meta content="Visual Basic 7.0" name="CODE_LANGUAGE"/>
8<meta content="JavaScript" name="vs_defaultClientScript"/>
9<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"/>
10</head>
11<body>
12<form id="FrmDataGrid" method="post" runat="server">
13<p align="center">
14<asp:datagrid autogeneratecolumns="False" bordercolor="#0099FF" borderwidth="2px" cellpadding="0" cellspacing="0" id="DataGrid1" runat="server" showheader="False" width="470px">
15<columns>
16<asp:templatecolumn>
17<itemtemplate>
18<table border="0" cellpadding="0" cellspacing="0" width="100%">
19<tr>
20<td bgcolor="#FF6600"><b>订单号：
DataBinder.Eval(Container.DataItem, "OrderID")
1</b>
2</td>
3</tr>
4<tr>
5<td align="right">
6<asp:datagrid autogeneratecolumns="False" bordercolor="#33FF33" datakeyfield="OrderID" datasource='```
7# Ctype(Container.DataItem,DataRowView).CreateChildView("OrderRelation")
8```' id="DataGrid2" runat="server">
9<headerstyle backcolor="#FFCCFF" font-bold="True" forecolor="#CC0066"></headerstyle>
10<columns>
11<asp:boundcolumn datafield="OrderID" readonly="True" visible="False"></asp:boundcolumn>
12<asp:templatecolumn headertext="产品名称">
13<headerstyle width="300px"></headerstyle>
14<itemtemplate>
DataBinder.Eval(Container.DataItem, "ProductName")
1</itemtemplate>
2</asp:templatecolumn>
3<asp:boundcolumn datafield="UnitPrice" headertext="单价"></asp:boundcolumn>
4<asp:boundcolumn datafield="Quantity" headertext="数量"></asp:boundcolumn>
5<asp:boundcolumn datafield="Discount" headertext="折扣"></asp:boundcolumn>
6</columns>
7</asp:datagrid></td>
8</tr>
9</table>
10</itemtemplate>
11</asp:templatecolumn>
12</columns>
13</asp:datagrid></p>
14</form>
15</body>
16</html>
17
18在VS.NET里创建名字为HierarchicalDataGrid的VB.NET ASPX应用程序，输入上面的代码，就可以看到下面的结果：
19
20</system.diagnostics.debuggerstepthrough()>