ASP.NET入门教程 13.2.4 产品项页面[1]

在设计讨论中讨论了可能希望添加到特定产品页的所有可能的特性但决定只真正需要产品的增强描述当然商品图像不应该包含比目录更少的产品信息因此除了描述外将需要显示姓名图像和价格在下面的试一试部分将这些内容添加到Web站点

（）转到Solution Explorer右击其中最上面一项选择Add New Item命令添加一个新的Web Form将其命名为WroxShopItem aspx

（）同样需要添加SqlDataSource和DataList控件在Design View中拖动工具箱的Data 部分中的SqlDataSource控件

（）单击ConFigure Data Source弹出菜单并且从出现的Choose your Data Connection对话框中的下拉列表中选择WroxUnitedConnectionString

（）单击Next按钮和前面的试一试部分一样选择Products表并且选择其中的每一项

（）这一次单击WHERE按钮将显示屏幕从Column下拉列表中选择ProductID;从Source下拉列表中选择QueryString;并且在QueryString字段中键入ProductID保留Default值为空这一步允许深入查看所选择的产品使用过滤器子句来匹配所选产品的产品ID并且因此只显示有关特定产品的详情单击Add按钮

（）单击OK按钮然后单击Next和Finish按钮返回到Design View

（）添加一个DataList控件单击Configure DataSource并且从Choose Data Source下拉列表中选择SqlDataSourcel

（）接下来从列表中单击Edit Templates并且再次删除标签旁的所有文本将PictureURL标签移动到顶端这次只移除产品ID标签

（）右击PictureURLLabel并选择Properties命令将Visible属性改为False在此需要这个URL但不希望将它显示在屏幕上PictureURLLabel用于提供在其中找到产品图像的URL然而在此不希望显示实际的URL文本而是显示图像自身

（）接下来在Design View中添加工具箱的Standard部分中的Image控件

（）单击Image控件后面的智能标记对话框并且选择Edit Data Bindings命令

（）在出现的对话框中单击Custom bindings并且修改文本使它读取（与上一个试一试有细微的区别因为希望完整尺寸版本的图像而不是缩略图）如下代码

Eval（PictureURL ProductImages\{}）

（）单击OK按钮然后转到Price Label并且在单击黑色箭头时出现的菜单中选择Edit Data Bindings选项在Custom bindings下拉列表框中输入如下代码

Eval（Price {:##}）

ASPNET 入门教程完整版

[] [] [] []