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

7.4.3 DataList和Repeater控件[2]

2013-11-13 12:17:08  來源: .NET編程 

    ()使用我們的sitemaster創建一個簡單的ASPNET Web Form頁面並將其命名為Galleryaspx其代碼存放在單獨的頁面中保存該頁面並將其再次保存為GalleryAllaspx對於這個練習您還需要一些圖片可以在下載文件中找到查看一下是否已從下載文件夾中(C:\BegASPNET\WroxUnited)將Mathlmages文件夾導入如果沒有通過在Solution Explorer中右擊站點的根目錄並使用Add Existing Item將其導入最後您將在根目錄下添加一個名為Images的文件夾其中帶有一些GIF和JPEG文件包括AddToCartgif和logo_whitejpg

    ()首先從工具箱的Data區域中拖放一個DataList控件到頁面的內容區域打開它的智能任務面板並單擊Choose Data Source單擊New Data Source打開創建數據源控件的向導

    ()選擇Database作為數據源並保留它的名稱SalDataSource 單擊OK使用WroxUnited數據庫

    ()僅從Gallery表中勾選個字段PictureURLFxitureIDUploadedByMemberNameNotes和PicturelD然後測試查詢此時VWD會自動創建數據源控件並將其設置為DataList控件的數據源

    ()在浏覽器中運行該頁面以進行測試注意此時圖片還沒有顯示出來關閉浏覽器

    ()現在需要實際顯示圖片確保已關閉浏覽器然後在Design View中選中DataList控件打開它的智能任務面板並單擊Edit Templates以顯示類似於圖}s的畫面選中並刪除帶有文本PictureURL和Label控件的行

    ()從工具條中拖放一個Image控件到原來的PictureURL字段左邊的空白位置在該Image控件的智能任務面板中單擊Edit Data Bindings選擇ImageURL屬性綁定到PictureURL字段

    結果代碼如下所示如果在浏覽器中測試該頁面您將注意到圖片仍然沒有顯示出來Image控件仍然沒有獲得一個實際指向圖片的URL:

    <asp:ImageButton ID=PictureImage ImageUrl=<@# Eval(PictureURL)> runat=server />

    ()為了指定URL不僅要指定圖片文件的名稱還要指定它的路徑(文件夾)切換到Source View並在ImageURL屬性中添加如下參數

    <asp:ImageButton ID=PictureImage runat=server
    ImageUrl=<@# Eval(PictureURL)>~/MatchImage/() %> >
    </asp:ImageButton>

    ()在浏覽器中查看頁面歡呼有了!然後關閉浏覽器

[]  []  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15577.html
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.