第45章、Repeater

 

【知识要点】
　　（１）Repeater控件

【问题提出】
　　在显示“合作单位”的列表中，我们可以单击“客户名称”显示客户的详细信息。

【在线指导】

　　 DataList控件与Repeater控件是一对极佳的搭档，DataList用来显示列表，Repeater用来显示相关详细信息。

　　我们本章在上一章DataList的基础上重点讲解Repeater。

1、设计界面

　　（１）打开Hello项目，单击“启动页>最近使用的项目>Hello”。

　　（２）在“解决方案资源管理器”中添加“SqlRepeater.aspx”页面。

　　（３）从工具箱中拖1个Repeater到SqlRepeater.aspx页面。

　　 Repeater控件ID属性分别为：repeaterClient

　　

　　　（４）我们切换到“源”，然后在<div></div>之间加入以下代码：

<asp:Repeater ID="repeaterClient" runat="server">
<ItemTemplate>
　　客户编号：<%# Eval("cClientCode") %><br />
　　客户名称：<%# Eval("vClientName") %><br />
　　电话：<%# Eval("vPhone") %><br />
　　Email：<%# Eval("vEmail") %><br />
　　手机号码：<%# Eval("cMobile") %><br />
　　地址：<%# Eval("vAddress") %><br />
　　邮编：<%# Eval("cPostCode") %><br />
</ItemTemplate>
</asp:Repeater>

　　

２、添加代码　

　（１）双击SqlRepeater.aspx页面空白处，在Page_Load（）输入以下代码。

//单击“客户”存放在DataTable
string ClientSql = "SELECT * FROM Client WHERE cClientCode='" + Request.QueryString["id"].ToString() + "'";
DataTable DtClient = DataAccess.GetDataTable(ClientSql);

//填充repeaterClient
repeaterClient.DataSource = DtCli
repeaterClient.DataBind();　

　

　　（２）现在我们从“解决方案资源管理器”中，选择“SqlDataList.aspx”,单击右键“在浏览器中查看”。　

　

　

　　单击客户“联想集团”，显示客户的详细信息。