asp.net ListView或Repeater按三个分组

Question

我正在使用网上找到的不错的购物车。 我想翻译此代码以使用转发器或列表视图并动态检索我的数据，但是我似乎找不到一种正确地对数据进行分组的方法。

我知道ListView可以按一定数量的项目进行分组，但是我还没有找到一种解决这种情况的方法。

购物车的工作原理是首先列出所有商品，然后在下面的div中添加其详细信息。 此过程再次从获得三个ul项目开始，再由三个详细信息开始。 如何使用ListView或Repeater做到这一点？ 我还没有找到一种以三个为一组来重复我需要的两组数据的方法。 有什么想法吗？

    <ul>
        <li id="1">  
            <div>Red Grocery Bag</div>
        </li>

        <li id="2">
            <div>Reusable Grocery Bag</div>
        </li>

        <li id="3">
            <div>White Grocery Bag</div>
        </li>
    </ul>
    <div class="detail-view" id="detail-1">             

        <div class="detail_info">                   
            <label class='item_name'>Red Grocery Bag</label>

            <p>
                shopping bag, shopping, bag, merchandise, consumerism, gift:                    
                <br /><br/>
                $<span class="price">80.00</span>                       
            </p>                    
        </div>              
    </div>
    <div class="detail-view" id="detail-2">

        <div class="detail_info">                   
            <label class='item_name'>Reusable Grocery Bag</label>
            <p>
                shopping bag, shopping, bag, merchandise, consumerism, gift:                    
                <br /><br />
                $<span class="price">70.00</span>                       
            </p>                    
        </div>

    </div>
    <div class="detail-view" id="detail-3">

        <div class="detail_info">                   
            <label class='item_name'>White Grocery Bag</label>

            <p>
                shopping bag, shopping, bag, merchandise, consumerism, gift:
                <br /><br />
                $<span class="price">50.00</span>                       
            </p>
        </div>              
    </div>

Answer 1

标记中继器和数据列表将仅以以下方式运行

<asp:datalist id="rpt" runat="server">
    <ItemTemplate>
    <ul>
        <li>  
            <div><%# Eval("Bag") %></div>
        </li>
    </ul>
    <div class="detail-view">             
        <div class="detail_info">                   
            <label class='item_name'><%# Eval("Bag") %></label>
            <p>
                <%# Eval("YourColumn") %>
                <br /><br/>
                $<span class="price"><%# Eval("Price") %></span>                       
            </p>                    
        </div>              
    </div>
    </ItemTemplate>
</asp:datalist>

---

或者，将两个中继器首先用于ul，然后将其用于div