第45章、Repeater

 

【知识要点】
  (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”,单击右键“在浏览器中查看”。 

 

 

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

你可能感兴趣的:(第45章、Repeater)