使用嵌套的Repeater控件显示分级数据

发布网友 发布时间：2023-05-19 00:06

我来回答

共1个回答

热心网友 时间：2023-10-12 21:58

　　一 简介

　　本文描述如何使用嵌套的Repeater 控件来显示分级数据 当然了 你也可以将这一技术应用到其他的列表绑定控件上去 比如DataGrid包含DataGrid DataList包含DataList等等的组合

　　二 绑定到父表

　　 添加一个新的Web Form 到应用程序项目中 名称为Nestedrepeater aspx 　　 从工具箱托动一个Repeater 控件到这个页面上 设定其ID 属性为 parent 　　 切换到HTML 视图 　　 选中下列＜itemtemplate＞ 代码 复制到Repeater 控件对应的位置 注意 粘贴的时候请使用 粘贴为 功能 这些语句包含了数据绑定语法 很简单

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

　　 打开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 cmd = new SqlDataAdapter( select * from authors cnn);　 DataSet ds = new DataSet();　 cmd Fill(ds authors );

　 //这里将要插入子表的数据绑定

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

　　 在文件的头部添加下面的名称空间 　　using System Data SqlClient;　　 根据你自己的情况修改一下连接字符串 　　 保存并编译应用程序 　　 在浏览器中打开这个页面 输出结果类似于下面的格式

　　三 绑定到子表

　　 在页面的HTML视图中 添加下列代码 其目的是增加子Repeater 控件到父Repeater的项目模板中 形成嵌套

＜asp:repeater id= child runat= server ＞＜itemtemplate＞＜%# DataBinder Eval(Container DataItem [\ title_id\ ] ) %＞＜br＞＜/itemtemplate＞＜/asp:repeater＞

　　 设置子Repeater 控件的DataSource 属性:

＜asp:repeater datasource= ＜%# ((DataRowView)Container DataItem) Row GetChildRows( myrelation ) %＞ ＞

　　 在页面顶部添加下列指令（请注意 是在 aspx文件中）:

　　＜%@ Import Namespace= System Data %＞

　　在 cs文件中 将Page_Load中的注释部分（//这里将要插入子表的数据绑定）替换成下列代码:

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

　　 保存并编译应用程序 　　 在浏览器中察看修改后的页面 显示格式类似于下面的格式:

PS BU BU PC BU TC  

　　四 完整的代码

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

＜＞＜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＞＜/＞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 cmd = new SqlDataAdapter( select * from authors cnn);

　　　　 //Create and fill the DataSet 　　　　 DataSet ds = new DataSet();　　　　 cmd Fill(ds authors );

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

　　　　 //Create the relation beween 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();