ASP.NET ListView: Change ItemTemplate for every X entries

Question

I have a ListView with the following ItemTemplate

<div class="row">
    <asp:ListView ID="lvResults" runat="server">
        <ItemTemplate>
            <div class="col-md-3 portfolio-item">
                <!-- Some content -->
            </div>
        </ItemTemplate>
    </asp:ListView>
</div>

I'm using Bootstrap for frontend, and as you can see I have the whole ListView is wrapped in a div with the class row.

However, instead of having one row for the whole ListView, I would like to add a new row for every X item.

For example, if I have 4 items in the ListView, instead of this

<div class="row>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
</div>

I want this:

<div class="row>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
</div>
<div class="row>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
    <div class="col-md-3 portfolio-item">
        <!-- Some content -->
    </div>
</div>

Is this possible?

For example, on Item binding you can check row index and add div... — Ella S., May 21 '15 at 09:56

score 0 · Answer 1 · edited May 23 '17 at 12:14

0

I ended up using a simply JQuery script to solve this. The script can be found here, if anyone else is interested:

https://stackoverflow.com/a/7248506/2358221

edited May 23 '17 at 12:14

Community

1
1

answered May 21 '15 at 11:20

Boxiom

2,245
6
40
51

ASP.NET ListView: Change ItemTemplate for every X entries

1 Answers1