【知识要点】
(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中详细讲解。