2014-10-01 74 views
2

我需要Repeater控件的幫助下格式化ASPX這樣格式化中繼控制如何與UL和李標籤

<div id="gallery"> 
      <ul> 
       <li> 
        <h5>Image title 1</h5> 
        <a href="gallery/1.jpg" title="Des 2"> 
        <img src="gallery/1.jpg" alt="Image 01" /> 
        </a> 
       </li> 
       <li> 
        <h5>Image Title 2</h5> 
        <a href="gallery/2.jpg" title="Des 2"> 
        <img src="gallery/2.jpg" alt="Image 02" /> 
        </a> 
       </li> 
       </ul> 
</div> 

我的中繼器代碼是這樣的

<div id="gallery"> 
      <asp:repeater id="repeater1" runat="server"> 
       <itemtemplate> 
        <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ImageThumbPath") %>' 
        Width="100px" Height="80px" alt='<%#Eval("ImageName") %>' style="cursor:pointer" /> 
       </itemtemplate>     
      </asp:repeater> 
     </div> 

我的數據庫包含田 ImageName ImageThumbPath ImageTitle ImageDescription

我怎樣才能做到這一點

回答

2

HeaderTemplate啓動ul標記和liItemTemplate,靠近旅遊被添加在FooterTemplate ..like ul標籤如下圖所示:

<div id="gallery"> 
<asp:Repeater id="repeater1" runat="server"> 

    <HeaderTemplate> 
    <ul> 
    </HeaderTemplate> 

    <ItemTemplate> 
     <li> 
     <h5><%# Eval("ImageTitle") %></h5> 
     <a href="<%# Eval("ImageThumbPath") %>"> 
      <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ImageThumbPath") %>' />     
     </a> 
     </li> 
    </ItemTemplate> 

    <FooterTemplate> 
     </ul> 
    </FooterTemplate> 

</asp:Repeater> 
</div> 
+0

乾杯..真棒.. – 2014-10-01 15:14:29

0

你要重複所有需要被髮射在ItemTemplate每個項目的HTML和中繼器以外的靜態包裝部分,是這樣的:

<div id="gallery"> 
    <ul> 
    <asp:Repeater ID="repeater1" runat="server"> 
     <ItemTemplate> 
      <li> 
      <h5><%# Eval("ImageTitle") %></h5> 
      <a href="<%# Eval("ImageThumbPath") %>"> 
       <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ImageThumbPath") %>' 
        Width="100px" Height="80px" alt='<%#Eval("ImageName") %>' /> 
      </a> 
      </li> 
     </ItemTemplate>     
    </asp:Repeater> 
    </ul> 
</div> 

請注意代碼中控件的大小寫問題。

+0

由於其工作正常.. – 2014-10-01 15:14:06