熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 13.2.4 產品項頁面[1]

2022-06-13   來源: .NET編程 

    在設計討論中討論了可能希望添加到特定產品頁的所有可能的特性但決定只真正需要產品的增強描述當然商品圖像不應該包含比目錄更少的產品信息因此除了描述外將需要顯示姓名圖像和價格在下面的試一試部分將這些內容添加到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 入門教程完整版 

[]  []  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15675.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.