ASP.NET Repeater Template, Conditional Code for every Nth element

asp.net webforms repeater itemtemplate
ckarbass picture ckarbass · Feb 18, 2009 · Viewed 19.3k times · Source

I'm using an asp.net repeater to create a bunch of images. The image markup is all the same so the standard <ItemTemplate> is fine.

However, I want to wrap K images in a div. Lets say I bind 25+ images to the repeater and I want 5 images per div. How do I go about conditionally creating the start and close tags for the div?

Is this a case better suited for a for loop.

Answer

Nick picture Nick · Feb 18, 2009

This should work for you, with no need for anything in the code behind (other than binding the repeater..):

<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>

Related questions

Using an ASP.NET repeater with an array?

This may be a silly question but I was writing a quick test page and realised that I didn't know how to bind an array or ArrayList of strings, for example, to an ASP.NET Repeater. I experimented a bit. &…

Read More
A potentially dangerous Request.Path value was detected from the client (*)

I am receiving the rather self explanatory error: A potentially dangerous Request.Path value was detected from the client (*). The issue is due to * in the request URL: https://stackoverflow.com/Search/test*/0/1/10/1 This url is used to populate a …

Read More
How to do a Jquery Callback after form submit?

I have a simple form with remote=true. This form is actually on an HTML Dialog, which gets closed as soon as the Submit button is clicked. Now I need to make some changes on the main HTML page after …

Read More