第八章 商品选购.pptVIP

学习情景8 商品选购 廖黎莉 任务描述 能熟练使用DataList控件中各种模板进行数据显示 会熟练使用ViewState对象实现页内参数传递 会熟练用DataList控件实现分页显示 进一步应用GridView控件的高级功能 8.1前台商品列表 使用DataList控件显示商品列表 实现商品列表的分页显示 实现分页后，显示当前页数和总页数的提示 实现按照商品的出场日期和价格的排序 1.DataList与GridView控件的区别 DataList控件不自带分页显示功能，需要借助PageDataSource类来实现。GridView控件可以实现分页显示的功能。 DataList控件一般用于多行单列数据的显示，GridView控件用于多行多列数据的显示。 DataList控件可以通过在控件上单击右键来编辑相应的模板，可用的模板比GridView控件少。 2.Datalist模板列 Datalist提供了6种模板： Itemtemplate:项模板 Alternatingitemtemplate：交替模板 Edititemtemplate：编辑模板 Selecteditemtemplate:选中项模板 headertemplate、footertemplate:页眉和页脚模板 Seperatertemplate:分隔符模板 GridView的Templatefield，允许以模板的形式自定义数据绑定列的内容。 标头（headertemplate） 脚注（headertemplate） 普通项（itemtemplate） 交替项（alternatingtemplate） 编辑模式（edittemplate） 3.Datalist控件实现商品列表页的设计 基于WebSite.master创建ProductList.aspx的内容页。 商品列表布局设计：使用ItemTemplate和SeperaterTemplate。 商品列表信息的数据绑定 绑定图片 绑定商品名称 绑定制造厂商 绑定商品详细信息 绑定商品价格 在内容区域放置一个3行1列的表格 第一行输入文字，放置2个ImageButton，设置ImageURL为以下路径：Images/Common/，分别是SortDateTime和price 最后一行放置1个label标签，2个ImageButton，设置ImageURL为以下路径：Images/Common/，分别是Next和preView 中间行放置一个Datalist控件，并编辑其项模版。 ItemTemplate table tr td rowspan=2 a href=ProductDetails.aspx?bid=%# Eval(Id)% img style=cursor: hand height=121 alt=%# Eval(Title) % src=%# GetUrl(Eval(ProductKey).ToString()) % width=95 hspace=4 / /a /td td style=font-size: small; color: red width=650 a href=ProductDetails.aspx?bid=%# Eval(Id)% name=link_prd_name target=_blank class=booktitle id=link_prd_name %# Eval(Title) % /a /td /tr tr td align=left span style=font-size: 12px; line-height: 20px; display :none ; %# Eval(MakeCompany) %