如何在asp.net中的datalist之间添加分隔符？

Question

我使用一个数据列表 - ＆＃34; datalist2＆＃34;因为我有＆＃34; RepeatColumns =＆＃34; 5＆＃34;。在包含5个项目的一行之后，我需要一个分隔符模板或

---

行。我需要一个5个项目之后的分隔符。

<asp:DataList ID="DataList2" runat="server" RepeatColumns="5" GridLines="None" CellSpacing="5" CellPadding="10">

  <ItemStyle HorizontalAlign="Center" />
   <ItemTemplate>
    <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%#"~/images//"+ Eval("image") %>' PostBackUrl='<%# Eval("p_id", "p_Details.aspx?ProductID={0}") %>' Height="240px" Width="180px" /><br /><br />
    <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("p_name") %>' style="font-family:Arial;font-size:12px;"></asp:Label><br /><br />
    <asp:Label ID="PriceLabel" runat="server" Text='<%# "Rs."+ Eval("unit_price") %>' ForeColor="Red" style="font-family:Arial;font-size:12px;"></asp:Label>&nbsp;
    <asp:Label ID="Discount" runat="server" Text='<%#"Rs." + "( " + Eval("discount") + "% " + " )" %>' ForeColor="Red" style="font-family:Arial;font-size:12px;" ></asp:Label><br />

         <asp:Button CssClass="orange-btn" ID="LBCart" runat="server" Text="View" onclick="LBCart_Click"  />
         <asp:Button CssClass="orange-btn" ID="Button1" runat="server" Text="Add to Cart" OnClick="Button1_Click"  /><br />


    <br />
   </ItemTemplate>
                    <SeparatorTemplate>
    <hr />
</SeparatorTemplate>

   </asp:DataList>

Answer 1

<asp:DataList>
    <SeparatorTemplate>
        <hr />
    </SeparatorTemplate>
</asp:DataList>

Answer 2

使用<hr>中项目模板末尾的DataList标记。这将显示一行作为分隔符。然后，您可以根据您的要求设置样式。

它显示如下：

Answer 3

SO网站中有一个类似的问题 - Row separator in datalist。

显然有效的答案适用于CSS边框，适用于ItemTemplate中的行，即<td/>元素。

与该线程中的讨论一致，DataList的SeperatorTemplate是分隔项而不是行。 MSDN文档 - https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.datalist.separatortemplate%28v=vs.110%29.aspx也在该行中进行了讨论。