使用嵌套的Repeater控件顯示分級數據

簡介

　　本文描述如何使用嵌套的Repeater 控件來顯示分級數據 。當然了，你也可以將這一技術應用到其他的列表綁定控件上去，比如DataGrid包含DataGrid，DataList包含DataList等等的組合。

 

　　綁定到父表

　　1.添加一個新的Web Form 到應用程序項目中，名稱爲Nestedrepeater.ASPx.
　　2.從工具箱託動一個Repeater 控件到這個頁面上, 設定其ID 屬性爲 parent .
　　3.切換到HTML 視圖.
　　4.選中下列＜itemtemplate＞ 代碼,複製到Repeater 控件對應的位置。注意，粘貼的時候請使用“粘貼爲html”功能。這些語句包含了數據綁定語法，很簡單。

＜itemtemplate＞
＜b＞＜%# DataBinder.Eval(Container.DataItem, "au_id") %＞＜/b＞＜br＞
＜/itemtemplate＞

　　5.打開Nestedrepeater.ASPx.cs 這個代碼分離文件。降下列代碼添加到Page_Load 事件中，其作用是建立一個到 Pubs (這個數據庫是SQL Server的演示數據庫。另外在安裝.net framework sdk的時候也會安裝這個數據庫)數據庫的連接，並綁定Authors 表到Repeater 控件

public void Page_Load()
{
　SqlConnection cnn = new SqlConnection("server=(local);database=pubs;uid=sa;pwd=;");
　SqlDataAdapter cmd1 = new SqlDataAdapter("select * from authors",cnn);
　 DataSet ds = new DataSet();
　 cmd1.Fill(ds,"authors");

　 //這裏將要插入子表的數據綁定

　 parent.DataSource = ds.Tables["authors"];
　 Page.DataBind();
　cnn.Close();
}

　　6.在文件的頭部添加下面的名稱空間
　　using System.Data.SqlClient;
　　7.根據你自己的情況修改一下連接字符串
　　8.保存並編譯應用程序
　　9.在瀏覽器中打開這個頁面，輸出結果類似於下面的格式

172-32-1176
213-46-8915
238-95-7766
267-41-2394
...

　　綁定到子表

　　1.在頁面的HTML視圖中，添加下列代碼。其目的是增加子Repeater 控件到父Repeater的項目模板中，形成嵌套。

＜ASP:repeater id="child" runat="server"＞
＜itemtemplate＞
＜%# DataBinder.Eval(Container.DataItem, "[/"title_id/"]") %＞＜br＞
＜/itemtemplate＞
＜/ASP:repeater＞

　　2.設置子Repeater 控件的DataSource 屬性:

＜ASP:repeater ... datasource='＜%# ((DataRowView)Container.DataItem)
.Row.GetChildRows("myrelation") %＞'＞

　　3.在頁面頂部添加下列指令（請注意，是在.ASPx文件中）:

　　＜%@ Import Namespace="System.Data" %＞

　　在.cs文件中,將Page_Load中的註釋部分（//這裏將要插入子表的數據綁定）替換成下列代碼:

SqlDataAdapter cmd2 = new SqlDataAdapter("select * from titleauthor",cnn);
cmd2.Fill(ds,"titles");
ds.Relations.Add("myrelation",
ds.Tables["authors"].Columns["au_id"],
ds.Tables["titles"].Columns["au_id"]);

　　4.保存並編譯應用程序。
　　.在瀏覽器中察看修改後的頁面。顯示格式類似於下面的格式:

172-32-1176
PS3333
213-46-8915
BU1032
BU2075
238-95-7766
PC1035
267-41-2394
BU1111
TC7777
...

完整的代碼

Nestedrepeater.ASPx
＜%@ Page Language=C# Inherits="yourprojectname.nestedrepeater" %＞
＜%@ Import Namespace="System.Data" %＞

＜html＞
＜body＞
＜form runat=server＞

＜!-- start parent repeater --＞
＜ASP:repeater id="parent" runat="server"＞
　 ＜itemtemplate＞
　　　＜b＞＜%# DataBinder.Eval(Container.DataItem,"au_id") %＞＜/b＞＜br＞

　　　＜!-- start child repeater --＞
　　　＜ASP:repeater id="child" datasource='＜%# ((DataRowView)Container.DataItem)
.Row.GetChildRows("myrelation") %＞' runat="server"＞
　　　　＜itemtemplate＞
　　　　　　＜%# DataBinder.Eval(Container.DataItem, "[/"title_id/"]")%＞＜br＞
　　　　 ＜/itemtemplate＞
　　　＜/ASP:repeater＞
　　　＜!-- end child repeater --＞

　＜/itemtemplate＞
＜/ASP:repeater＞
＜!-- end parent repeater --＞

＜/form＞
＜/body＞
＜/html＞
Nestedrepeater.ASPx.cs
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.sessionState;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace yourprojectname
{
　public class nestedrepeater : System.Web.UI.Page
　 {
　　　protected System.Web.UI.WebControls.Repeater parent;
　　　public nestedrepeater()
　　　{
　　　　 Page.Init += new System.EventHandler(Page_Init);
　　　}
　　　public void Page_Load(object sender, EventArgs e)
　　　{
　　　　 //Create the connection and DataAdapter for the Authors table.
　　　　 SqlConnection cnn = new SqlConnection("server=(local);database=pubs;uid=sa;pwd=;");
　　　　 SqlDataAdapter cmd1 = new SqlDataAdapter("select * from authors",cnn);

　　　　 //Create and fill the DataSet.
　　　　 DataSet ds = new DataSet();
　　　　 cmd1.Fill(ds,"authors");

　　　　 //Create a second DataAdapter for the Titles table.
　　　　 SqlDataAdapter cmd2 = new SqlDataAdapter("select * from titleauthor",cnn);
　　　　 cmd2.Fill(ds,"titles");

　　　　 //Create the relation bewtween the Authors and Titles tables.
　　　　 ds.Relations.Add("myrelation",
　　　　 ds.Tables["authors"].Columns["au_id"],
　　　　 ds.Tables["titles"].Columns["au_id"]);

　　　　 //Bind the Authors table to the parent Repeater control, and call DataBind.
　　　　 parent.DataSource = ds.Tables["authors"];
　　　　 Page.DataBind();

　　　　 //Close the connection.
　　　　 cnn.Close();
　　　}
　　　private void Page_Init(object sender, EventArgs e)
　　　{
　　　　 InitializeComponent();
　　　}
　　　private void InitializeComponent()
　　　{
　　　　this.Load += new System.EventHandler(this.Page_Load);
　　 }
　 }
}