Question

我有一个ListView，其中包含以下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>

我正在使用Bootstrap作为前端，正如您所看到的，我将整个ListView包含在具有类row的div中。

但是，我想为每个X项添加一个新行，而不是为整个ListView添加一行。

例如，如果我在ListView中有4个项目，而不是这个

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

我想要这个：

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

这可能吗？

Answer 1

我最终使用简单的JQuery脚本来解决这个问题。如果其他人有兴趣，可以在这里找到该脚本：

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

ASP.NET ListView：为每个X条目更改ItemTemplate

1 个答案: