ASP.NET入门教程 13.3.3 购物车控件[4]

操作回顾

这个试一试练习结束了购物车控件的第一阶段己经创建了控件并且添加了缩略图和存储产品的Quantity Price和LineTotal的字段以及一个按钮用于允许编辑和删除购物车中的选择

如果转到Source View它当前看起来如下所示

<asp:GridView ID=CartGrid runat=server AutoGenerateColumns=False DataKeyNames=ProductID OnRowEditing=CartGrid_RowEditing OnRowUpdating=CartGrid_RowUpdating OnRowDeleting=CartGrid_RowDeleting OnRowCancelingEdit=CartGrid_RowCancelingEdit>

<Columns>

<asp:TemplateField>

<ItemTemplate>

<asp:Image ID=Image runat=server ImageUrl=<%# Eval(ProductImageURL ~/ProductImages/thumb_{}) %> />

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField=ProductName HeaderText=Product ReadOnly=True />

<asp:BoundField DataField=Quantity HeaderText=Quantity ReadOnly=False />

<asp:BoundField DataField=Price HeaderText=Price ReadOnly=True />

<asp:BoundField DataField=LineTotal HeaderText=Total ReadOnly=True />

<asp:CommandField ShowDeleteButton=True ShowEditButton=True />

</Columns>

<EmptyDataTemplate>

There is nothing in your shopping cart You can buy items from the <a href=Wroxshopaspx>Shop</a>

</EmptyDataTemplate>

</asp:GridView>

所有内容都非常类似和接近于在Catalog和Item页面中提供给DataList控件的代码将ProductlmageURL绑定到ItemTemplate中的图像有一些将显示文本的绑定字段价格字段已经设置为DataFormatString从而它们正确显示价格值然而有一个设置需要注意在绑定字段中设置行中的行为只读Quantify行保留为可编辑从而可以编辑购物车的内容

也添加了EmptyDataTemplate在购物车中没有任何内容时显示消息然而在此时没有任何数据源在Catalog和Item页面中首先创建SqlDataSource控件并且将其绑定到DataList控件还没有将ShoppingCart控件绑定到任何内容

ASPNET 入门教程完整版

[] [] [] []