【知识要点】
(1)Repeater控件
【问题提出】
在显示“合作单位”的列表中,我们可以单击“客户名称”显示客户的详细信息。
【在线指导】
DataList控件与Repeater控件是一对极佳的搭档,DataList用来显示列表,Repeater用来显示相关详细信息。
我们本章在上一章DataList的基础上重点讲解Repeater。
1、设计界面
(1)打开Hello项目,单击“启动页>最近使用的项目>Hello”。
(2)在“解决方案资源管理器”中添加“SqlRepeater.aspx”页面。
(3)从工具箱中拖1个Repeater到SqlRepeater.aspx页面。
Repeater控件ID属性分别为:repeaterClient
(4)我们切换到“源”,然后在<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>
2、添加代码
(1)双击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();
(2)现在我们从“解决方案资源管理器”中,选择“SqlDataList.aspx”,单击右键“在浏览器中查看”。
单击客户“联想集团”,显示客户的详细信息。