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

【问题标题】：how to add a separator in between datalist in asp.net?如何在asp.net中的datalist之间添加分隔符？
【发布时间】：2015-05-26 14:40:50
【问题描述】：

我正在使用一个数据列表 - “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>

【问题讨论】：

SeparatorTemplate 将分离两个项目，如第一个衬衫包和女式上衣。不是行。

标签： c# asp.net datalist

【解决方案1】：

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

【讨论】：

我使用了分隔符模板但仍然没有显示任何分隔符@utility
@coder : 放置分隔符模板 : msdn.microsoft.com/en-us/library/…

【解决方案2】：

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

显示如下：

【讨论】：

我使用了
模板但仍然没有显示任何分隔符@harvey
把<hr>放在你写<br/>的地方或者紧跟在它后面，然后检查。

【解决方案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 也在该行中进行了讨论。

【讨论】：