當需要在一個列表中顯示主從表（例如部門-人員的信息），在asp.net1.1中我們可能會使用DataGrid模版列嵌套DataGrid的方法實現，然而，處理模版列裏的DataGrid的翻頁、排序、編輯等功能時都比較麻煩。在asp.net2.0中，配合DataSource控件的使用讓這個問題變得非常簡單！
![gridview_gridview.JPG]()
![ExpandedBlockStart.gif]()
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridView_GirdView.aspx.cs" Inherits="GridSamples_GridView_GirdView" %>
![None.gif]()
![None.gif]()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
![None.gif]()
![None.gif]()
<html xmlns="http://www.w3.org/1999/xhtml" >
![None.gif]()
<head runat="server">
![None.gif]()
<title>無標題頁</title>
![None.gif]()
</head>
![None.gif]()
<body>
![None.gif]()
<form id="form1" runat="server">
![None.gif]()
<div>
![None.gif]()
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="deptid"
![None.gif]()
DataSourceID="AccessDataSource1" AllowPaging="True" AllowSorting="True" PageSize="2" OnRowDataBound="GridView1_RowDataBound">
![None.gif]()
<Columns>
![None.gif]()
<asp:BoundField DataField="deptid" HeaderText="部門編號" InsertVisible="False" ReadOnly="True"
![None.gif]()
SortExpression="deptid" />
![None.gif]()
<asp:BoundField DataField="deptname" HeaderText="部門名稱" SortExpression="deptname" />
![None.gif]()
<asp:BoundField DataField="deptremark" HeaderText="備註" SortExpression="deptremark" />
![None.gif]()
<asp:TemplateField HeaderText="人員信息">
![None.gif]()
<ItemTemplate>
![None.gif]()
<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataKeyNames="id"
![None.gif]()
DataSourceID="AccessDataSource2" AllowPaging="True" AllowSorting="True" PageSize="5">
![None.gif]()
<Columns>
![None.gif]()
<asp:BoundField DataField="id" HeaderText="人員編號" InsertVisible="False" ReadOnly="True"
![None.gif]()
SortExpression="id" />
![None.gif]()
<asp:BoundField DataField="name" HeaderText="姓名" SortExpression="name" />
![None.gif]()
<asp:BoundField DataField="sex" HeaderText="性別" SortExpression="sex" />
![None.gif]()
</Columns>
![None.gif]()
<PagerSettings FirstPageText="首頁" LastPageText="末頁" Mode="NextPreviousFirstLast"
![None.gif]()
NextPageText="下一頁" PreviousPageText="上一頁" />
![None.gif]()
</asp:GridView>
![None.gif]()
<asp:AccessDataSource ID="AccessDataSource2" runat="server" DataFile="~/App_Data/test.mdb"
![None.gif]()
SelectCommand="SELECT [id], [name], [sex], [deptid] FROM [employees] WHERE ([deptid] = ?)">
![None.gif]()
<SelectParameters>
![None.gif]()
<asp:Parameter Name="deptid" Type="Int32" />
![None.gif]()
</SelectParameters>
![None.gif]()
</asp:AccessDataSource><br>
![None.gif]()
</ItemTemplate>
![None.gif]()
</asp:TemplateField>
![None.gif]()
![None.gif]()
</Columns>
![None.gif]()
<PagerSettings FirstPageText="首頁" LastPageText="末頁"
![None.gif]()
NextPageText="下一頁" PreviousPageText="上一頁" />
![None.gif]()
</asp:GridView>
![None.gif]()
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/test.mdb"
![None.gif]()
SelectCommand="SELECT [deptid], [deptname], [deptremark], [createdate] FROM [departments]">
![None.gif]()
</asp:AccessDataSource>
![None.gif]()
![None.gif]()
</div>
![None.gif]()
</form>
![None.gif]()
</body>
![None.gif]()
</html>
![None.gif]()
只需要上面幾行簡單的代碼便可以實現。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridView_GirdView.aspx.cs" Inherits="GridSamples_GridView_GirdView" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>無標題頁</title></head><body> <form id="form1" runat="server"> <div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="deptid" DataSourceID="AccessDataSource1" AllowPaging="True" AllowSorting="True" PageSize="2" OnRowDataBound="GridView1_RowDataBound"> <Columns> <asp:BoundField DataField="deptid" HeaderText="部門編號" InsertVisible="False" ReadOnly="True" SortExpression="deptid" /> <asp:BoundField DataField="deptname" HeaderText="部門名稱" SortExpression="deptname" /> <asp:BoundField DataField="deptremark" HeaderText="備註" SortExpression="deptremark" /> <asp:TemplateField HeaderText="人員信息"> <ItemTemplate> <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataKeyNames="id" DataSourceID="AccessDataSource2" AllowPaging="True" AllowSorting="True" PageSize="5"> <Columns> <asp:BoundField DataField="id" HeaderText="人員編號" InsertVisible="False" ReadOnly="True" SortExpression="id" /> <asp:BoundField DataField="name" HeaderText="姓名" SortExpression="name" /> <asp:BoundField DataField="sex" HeaderText="性別" SortExpression="sex" /> </Columns> <PagerSettings FirstPageText="首頁" LastPageText="末頁" Mode="NextPreviousFirstLast" NextPageText="下一頁" PreviousPageText="上一頁" /> </asp:GridView> <asp:AccessDataSource ID="AccessDataSource2" runat="server" DataFile="~/App_Data/test.mdb" SelectCommand="SELECT [id], [name], [sex], [deptid] FROM [employees] WHERE ([deptid] = ?)"> <SelectParameters> <asp:Parameter Name="deptid" Type="Int32" /> </SelectParameters> </asp:AccessDataSource><br> </ItemTemplate> </asp:TemplateField> </Columns> <PagerSettings FirstPageText="首頁" LastPageText="末頁" NextPageText="下一頁" PreviousPageText="上一頁" /> </asp:GridView> <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/test.mdb" SelectCommand="SELECT [deptid], [deptname], [deptremark], [createdate] FROM [departments]"> </asp:AccessDataSource> </div> </form></body></html> 1![None.gif]()
using System;
2![None.gif]()
using System.Data;
3![None.gif]()
using System.Configuration;
4![None.gif]()
using System.Collections;
5![None.gif]()
using System.Web;
6![None.gif]()
using System.Web.Security;
7![None.gif]()
using System.Web.UI;
8![None.gif]()
using System.Web.UI.WebControls;
9![None.gif]()
using System.Web.UI.WebControls.WebParts;
10![None.gif]()
using System.Web.UI.HtmlControls;
11![None.gif]()
12![None.gif]()
public partial class GridSamples_GridView_GirdView : System.Web.UI.Page
13![ExpandedBlockStart.gif]()
{
14![InBlock.gif]()
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
15![ExpandedSubBlockStart.gif]()
{
16![InBlock.gif]()
if (e.Row.RowIndex > -1)
17![ExpandedSubBlockStart.gif]()
{
18![InBlock.gif]()
AccessDataSource accessDS = e.Row.FindControl("AccessDataSource2") as AccessDataSource;
19![InBlock.gif]()
accessDS.SelectParameters["deptid"].DefaultValue = e.Row.Cells[0].Text;
20![ExpandedSubBlockEnd.gif]()
}
21![ExpandedSubBlockEnd.gif]()
}
22![ExpandedBlockEnd.gif]()
}
using System;2
using System.Data;3
using System.Configuration;4
using System.Collections;5
using System.Web;6
using System.Web.Security;7
using System.Web.UI;8
using System.Web.UI.WebControls;9
using System.Web.UI.WebControls.WebParts;10
using System.Web.UI.HtmlControls;11
12
public partial class GridSamples_GridView_GirdView : System.Web.UI.Page13
{14
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)15
{
16
if (e.Row.RowIndex > -1)17
{18
AccessDataSource accessDS = e.Row.FindControl("AccessDataSource2") as AccessDataSource;19
accessDS.SelectParameters["deptid"].DefaultValue = e.Row.Cells[0].Text;20
}21
}22
}只需要上面幾行簡單的代碼便可以實現。
