如何在 asp.net 中的数据列表之间添加分隔符？

Question

我正在使用一个数据列表 - "datalist2" 因为我有 "RepeatColumns="5"。我需要一个分隔符模板或在包含 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

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

显示如下：

Answer 2

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

Answer 3

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

显然有效的答案与应用于 ItemTemplate 中的行的 CSS 边框一起工作，即 <td/> 元素。

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

如何在 asp.net 中的数据列表之间添加分隔符？

how to add a separator in between datalist in asp.net?

c#

asp.net

datalist