7.4.3 DataList和Repeater控件[4]

    操作回顧

    在第步之後創建了一個帶有圖片文件名稱的頁面而不是實際的圖片這是因為當VWD生成DataList控件的默認模板時它看到在PictureURL字段中有文本所以創建了一個Label控件如下代碼所示

<asp:DataList ID=DataList runat=server DataSourceID=SqlDataSource RepeatColumns= RepeatDirection=Horizontal>

     <ItemTemplate>

    <asp:Label ID=Label runat=server Text=<%#

         Eval(PictureURL)

                             %>></asp:Label>         
      

    在下一步中將Label控件替換為Image控件如下面的代碼所示這使得浏覽器顯示圖片但是顯示的是一個紅色的叉號圖標表示無法找到圖片

    <asp:Image ID=Image runat=server ImageUrl=<%#
    Eval（PictureURL） %>/>

    問題是APNET 頁面默認情況下將在它所在的同一文件夾下尋找圖片文件而這裡的圖片保存在一個名為Matchlmages的不同文件夾中所以可以使用Eval方法的功能添加圖片文件名稱的相對路徑添加了另一個參數該參數顯示任何從數據庫中獲得的文本數據在這裡您添加了路徑這種語法有兩個新的訣竅首先在格式化參數中使用了波浪號它表示站點的根目錄在把站點部署到另一台服務器的時候將不需要修改該路徑其次語法{}指示一個插入值的位置該值來源於數據庫因此類似下面代碼所示的語法在用作ImageURL之前將被解釋為C:\BegASPNET\WroxUnitedlMatchImages\aaronson jpg

    <asp:Image ID=Image runat=server ImageUrl=<%#
    Eval（PictureURL~/MatchImages/[]） %>/>

    練習的最後對模板進行了一些修改記住在修改模板中實際顯示數據的控件之前必須首先進入Edit Templates模式如果您困惑於試圖選擇或修改Label和Image控件而VWD卻沒有做出任何反應這是因為您忘記進入Edit Templates模式您學習了怎樣選中然後刪除或者移動字段

   ASPNET 入門教程完整版

[]  []  []  []  

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