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 入門教程完整版

[]  []  []  []  

From:http://tw.wingwit.com/Article/program/net/201311/14629.html