asp.net: GridView相關技術(三–在GridView中直接查看(連結)照片)

 

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" Font-Size="9pt" ForeColor="#333333" GridLines="None" Width="500px" OnRowDeleting="GridView1_RowDeleting" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" OnRowDataBound="GridView1_RowDataBound">
      <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                 <Columns>

 

               //下面綁定圖片ID
               <asp:BoundField HeaderText="圖片ID" DataField="PictureID" />
               <asp:BoundField HeaderText="圖片主題" DataField="Subject" />

              //注意: 查看圖片直接可以根據DataNavigateUrlFormatString中指定的位置在瀏覽器中開啟圖片. 參數{0}代表對應行中的第一列圖片ID
               <asp:HyperLinkField DataNavigateUrlFields="ImageUrl" DataNavigateUrlFormatString="http://images.cnblogs.com/pictures/{0}"
                                            HeaderText="圖片資訊" Target="_blank" Text="查看圖片" />
               <asp:CommandField HeaderText="刪除圖片" ShowDeleteButton="True" />
              </Columns>

         <RowStyle BackColor="#EFF3FB" />
         <EditRowStyle BackColor="#2461BF" />
         <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
         <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
         <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
         <AlternatingRowStyle BackColor="White" />
</asp:GridView>