如何与UL和李标签

Question

我需要Repeater控件的帮助下格式化ASPX这样格式化中继控制

<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

我怎样才能做到这一点

Answer 1

在HeaderTemplate启动ul标记和li将ItemTemplate，靠近旅游被添加在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> 

Answer 2

你要重复所有需要被发射在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> 

请注意代码中控件的大小写问题。