asp.net Repeater - 在单独的div中显示数据行

时间:2015-07-16 20:08:02

标签: asp.net asprepeater

我正在使用Repeater来显示SQL Server数据库中的数据行。我希望在单独的HTML div中显示我的每一行数据。此刻它显示了我放置了转发器的div中的所有数据(所有行)。我如何将其单独的div分开?

有什么建议吗? :)

    <div class="deal-info">
         <asp:Repeater ID="Repeater1" runat="server">
              <ItemTemplate>
                  <div class="rptr">
                       <ul>
                          <li><%#Eval("Name")%> </li>
                          <li><%#Eval("ContentType")%> </li>
                          <li><%#Eval("FirstName")%> </li>
                          <li><%#Eval("LastName")%> </li>
                       </ul>
                  </div>
              </ItemTemplate>
         </asp:Repeater>     
     </div>

2 个答案:

答案 0 :(得分:1)

只需将每个项目打包在<div>

<li>
  <div><%#Eval("Name")%></div>
</li>

答案 1 :(得分:0)

您可以使用<AlternatingItemTemplate>

所以:

<div class="deal-info">
         <asp:Repeater ID="Repeater1" runat="server">
              <ItemTemplate>
                  <div class="rptr">
                       <ul>
                          <li><%#Eval("Name")%> </li>
                          <li><%#Eval("ContentType")%> </li>
                          <li><%#Eval("FirstName")%> </li>
                          <li><%#Eval("LastName")%> </li>
                       </ul>
                  </div>
              </ItemTemplate>
              <AlternatingItemTemplate>
                  <div class="rptr2">
                       <ul>
                          <li><%#Eval("Name")%> </li>
                          <li><%#Eval("ContentType")%> </li>
                          <li><%#Eval("FirstName")%> </li>
                          <li><%#Eval("LastName")%> </li>
                       </ul>
                  </div>
              </AlternatingItemTemplate>
         </asp:Repeater>