asp.net - 如何使用 foreach 循环显示元素？在 asp.net 中

Question

我正在制作一个网页，用于在 3 列中显示我的服务。我正在使用 foreach 循环来填充该服务的数据，因为我正在使用循环，因此服务在单个列中可见，当我添加更多服务时，列的长度会变长。我正在从数据库中获取服务数据。我想显示服务，使其显示在 3 列中，并且当我添加更多服务时，列保持不变但行增加。 这是我正在使用的代码。

                           <% 
foreach (var product in product_list)

{%>     
<div class="grid_3 alpha" style="left: 0px; top: 0px; width: 289px;">
                                    <img src="<%=product.img %>" alt="" class="img_inner">
                                    <div class="text1"><a href="OrderBook.aspx"><%=product.name%></a></div>
                                    <div class="center">
                                   <asp:Label runat="server" Text="Price" Font-Bold="True"></asp:Label> <%=product.price %>
                                    <br />
                                   <a href="_Services.aspx?pro_id=<%=product.id %>&action=add" class="l1" onclick="book_click"><strong id="booknow">BOOK</strong> </a>

                                        <br />
                                        <asp:Label ID="Label1" runat="server"></asp:Label>
                                        <br />

                                    </div>
                                </div>

Answer 1

首先像这样在aspx页面中制作元素

<div runat="server" id="test1"></div>

然后使用这段代码

protected void Page_Load(object sender, EventArgs e)
    {
     string temp="";
     int i=0;
     foreach (var product in product_list){
      temp+="<div class=\"grid_3 alpha\" style=\"left: 0px; top: 0px; width: 289px;\"><img src=\""+product.img+"\" alt=\"\" class=\"img_inner\"><div class=\"text"+i+"\"><a href=\"OrderBook.aspx\">"+product.name+"</a></div><div class=\"center\"><label  >Price:"+product.price+"</label><br /><a href=\"_Services.aspx?pro_id="+product.id +"&action=add\" class=\"l1\"><strong id=\"booknow"+i+"\">BOOK</strong></a><br />";
      i++;
     }
      test1.InnerHtml=temp;
    }