第44章、DataList

 

【知识要点】
  (1)DataList

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

【在线指导】

   DataList控件在WEB项目中我们常用于显示一个列表,如果是网站前站则常用于显示新闻列表,与之相对应的单击列表之后,使用Repeater控件显示详细信息。

  我们本章讲解如何使用DataList 。

1、设计界面

  (1)打开Hello项目,单击“启动页>最近使用的项目>Hello”。

  (2)在“解决方案资源管理器”中添加“SqlDataList.aspx”页面。

  (3)从工具箱中拖1个DataList到SqlDataList.aspx页面。

   DataList控件ID属性分别为:dlClient

      

       

  (4)单击“DataList”控件的“>”按钮,从DataList任务中单击“自动套用格式…”,然后选择“沙滩和天空”。

  

  

  (5)单击“DataList”控件的“>”按钮,从DataList任务中单击“编辑模板”。

  

  

 (6)从工具箱拖1个HyperLink控件到“ItemTemplate”中,并把HyperLink的ID属性设为:hlClient。

  

  

  

  (7)单击“hlClient”,然后单击“编辑DataBindings...”。

  

  (8)在“hlClient DataBindings”窗口中,设置:

  Text属性为:Eval("vClientName"),用来显示客户名称。

  

  NavigateUrl属性为:"SqlRepeater.aspx?id="+Eval("cClientCode").ToString(),表示单击“客户名称”打开SqlRepeater.aspx用来显示客户详细信息。

  系统会自动生成一个类似“SqlRepeater.aspx?id=01000001"的超级链接。

 

2、添加代码 

 (1)双击SqlDataList.aspx页面空白处,在Page_Load()输入以下代码。

//客户表放到DataTable
string ClientSql = "SELECT * FROM Client";
DataTable DtClient = DataAccess.GetDataTable(ClientSql);

//填充DataList
dlClient.DataSource = DtClient;
dlClient.DataBind();

 

 

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

 

  单击客户名称,显示客户的详细信息,我们将在下一章Repeater中详细讲解。

你可能感兴趣的:(第44章、DataList)