我正在使用asp.net重复器来创建一堆图片。所有图像标记都相同,所以标准的<ItemTemplate>
很好用。
然而,我想把K张图片包装在一个div中。假设我将25+张图像绑定到重复器上,并且我希望每个div中有5张图片。我该如何有条件地创建div的开始和关闭标记?
这种情况更适合使用for循环吗?
我正在使用asp.net重复器来创建一堆图片。所有图像标记都相同,所以标准的<ItemTemplate>
很好用。
然而,我想把K张图片包装在一个div中。假设我将25+张图像绑定到重复器上,并且我希望每个div中有5张图片。我该如何有条件地创建div的开始和关闭标记?
这种情况更适合使用for循环吗?
这应该适用于您,无需在代码后台中添加任何内容(除了绑定重复器..):
<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>
在这里,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>
<ItemTemplate>
<asp:Literal runat="server" ID="divStart" Text="<div>" />
<asp:Image ....>
<asp:Literal runat="server" ID="divEnd" Text="</div>" />
</ItemTemplate>
e.Item.FindControl("divStart").Visible
= e.Item.FindControl("divEnd").Visible
= e.Item.ItemIndex % 5 == 0;
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