Question

这是我的中继器：

<asp:Repeater ID="RepeaterWeb" runat="server">
    <ItemTemplate>
    <div class="productWrapper">
    <div class="productWrapperImage"><img src="prdimg/<%# Trim(Eval("ProductImage")).ToString()%>" /></div>
    <div class="fontTrebuchet"><%# Trim(Eval("ProductShortInfo")).ToString()%></div>
    <h3 class="fontUbuntu productBoxName"><%# Trim(Eval("ProductName")).ToString()%></h3>
    </div>
    <!--This div my problem--><div class="verticalProductsSpacer"></div>
</ItemTemplate>
</asp:Repeater>

我使用来自数据库的4行数据提供 Repeater ，前三个<div class="verticalProductsSpacer"></div>是必需的，但最后一个不应该存在。我该怎么办？

Answer 1

用户a SeparatorTemplate：

<asp:Repeater ID="RepeaterWeb" runat="server">
    <ItemTemplate>
        <div class="productWrapper">
        <div class="productWrapperImage"><img src="prdimg/<%# Trim(Eval("ProductImage")).ToString()%>" /></div>
        <div class="fontTrebuchet"><%# Trim(Eval("ProductShortInfo")).ToString()%></div>
        <h3 class="fontUbuntu productBoxName"><%# Trim(Eval("ProductName")).ToString()%></h3>
    </ItemTemplate>
    <SeparatorTemplate>
        <div class="verticalProductsSpacer"></div>
    </SeparatorTemplate>
</asp:Repeater>

Answer 2

您可以使用Jquery隐藏它。

$('.verticalProductsSpacer').last().css('display', 'none');

条件ASP.NET转发器

2 个答案: