ASP.NET 中继器模板，每个第 N 个元素的条件代码

Question

我正在使用 asp.net 转发器来创建一堆图像。 图像标记都是相同的，因此标准 就可以了。

但是，我想将 K 张图像包装在一个 div 中。 假设我将 25 个以上的图像绑定到中继器，并且我想要每个 div 5 个图像。 如何有条件地为 div 创建开始和结束标签？

这种情况是否更适合 for 循环？

Answer 1

这应该对您有用，不需要后面的代码中的任何内容（除了绑定转发器..）：

<asp:Repeater ID="repImages" runat="server">
<HeaderTemplate><div></HeaderTemplate>

<ItemTemplate>
<%# (Container.ItemIndex != 0 && Container.ItemIndex % 5 == 0) ? @"</div><div>" : string.Empty %>
<asp:Image ID="imgGallery" runat="server" ImageUrl='<%# /* your code  here */ %>' />
</ItemTemplate>

<FooterTemplate></div></FooterTemplate>
</asp:Repeater>

Answer 2

这就是 Asp.Net WebForms 可以为您提供令人难以置信的 RAD 效率的地方。
您可以使用新的 ListView 控件，并设置每个“组”的项目数，这将允许您设置围绕组以及每个单独项目的 HTML。 这样您就可以用条件标签包围该组。

<asp:ListView ID="ListView1" runat="server" DataKeyNames="id" DataSourceID="LinqDataSource1" GroupItemCount="3">
<LayoutTemplate>
    <div id="layout">
        <asp:PlaceHolder ID="groupPlaceholder" runat="server"></asp:PlaceHolder>
    </div>
</LayoutTemplate>
<GroupTemplate>
    <div class="group">
        <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
    </div>
</GroupTemplate>
<EmptyDataTemplate>
    <span>No data was returned.</span>
</EmptyDataTemplate>
<ItemTemplate>
    <div class="item">
        <img alt='<%# Eval("title") %>' title='<%# Eval("title") %>'
            src='<%# Eval("filename","photos/{0}") %>' />
    </div>
</ItemTemplate>
</asp:ListView>

Answer 3

如果您想将标记保留在 ASPX 页面上，您还可以尝试 David 方法的这种变体：

在 aspx 页面上：

<ItemTemplate>
<asp:Literal runat="server" ID="divStart" Text="<div>" />
<asp:Image ....>
<asp:Literal runat="server" ID="divEnd" Text="</div>" />
</ItemTemplate>

在代码隐藏的 ItemDataBound 事件中：

e.Item.FindControl("divStart").Visible
    = e.Item.FindControl("divEnd").Visible 
    = e.Item.ItemIndex % 5 == 0;

Answer 4

将两个空标签控件添加到您希望放置 div 标签的 Repeaters ItemTemplate 中。

然后将 ItemDataBound 事件添加到 Repeater。

然后将此代码添加到 ItemDataBound 事件中：

    Protected Sub Repeater1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs)
    If (e.Item.ItemType = ListItemType.Item) Or (e.Item.ItemType = ListItemType.AlternatingItem) Then
        If e.Item.ItemIndex Mod 5 = 0 Then
            Dim lblDivStart As Label = CType(e.Item.FindControl("lblDivStart"), Label)
            Dim lblDivEnd As Label = CType(e.Item.FindControl("lblDivEnd"), Label)
            lblDivStart.text = "<div>"
            lblDivEnd.text = "</div>"
        End If
    End If
End Sub

注意 - 这将需要一些调整来处理第一个 div，您可能需要执行类似 If (e.Item.ItemIndex + 1) Mod 5 = 0 的操作让 div 准确地显示在您想要的位置。

欲了解更多信息：
DataListItem.ItemIndex 属性
DataList.ItemDataBound活动