嵌套的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); 　　 } 　 } }