如何循环div？

我想在aspx中循环几个div。该代码我想循环：如何循环div？

<div class="col-md-3 product-men"> 
    <div class="men-pro-item simpleCart_shelfItem"> 
     <div class="men-thumb-item"> 
      <img src="uploadImage/3.png" class="pro-image-front" /> 
      <img src="uploadImage/3.png" class="pro-image-back" /> 
     </div> 
     <div class="item-info-product "> 
      <h4><a href="single.html">Tie Clip</a></h4> 
      <div class="info-product-price"> 
       <span class="item_price">RM100</span> 
      </div> 
      <a href="#" class="item_add single-item hvr-outline-out button2">Add to cart</a> 
     </div> 
    </div> 
</div>

页面看起来象下面这样：

车需要循环。我曾尝试使用C＃如下：

StringBuilder cart = new StringBuilder(); 

for (int x = 0; x < 3; x++) { 
cart.Append(" <div class=\"col - md - 3 product - men\">"); 
cart.Append("<div class=\"men - pro - item simpleCart_shelfItem\">"); 
cart.Append("<div class=\"men - thumb - item\">"); 
cart.Append("<img src = uploadImage/1.jpg class='pro - image - front />"); 
cart.Append("<img src = uploadImage/1.jpg class=pro - image - back />"); 
cart.Append("</div>"); 
cart.Append(" <div class=\"item - info - product \">"); 
cart.Append("<h4><a href = \"single.html\" > Tie Clip</a></h4>"); 
cart.Append("<div class=\"info - product - price\">"); 
cart.Append("<span class=\"item_price\">RM100</span>"); 
cart.Append("</div>"); 
cart.Append("<a href = \"#\" class=\"item_add single-item hvr-outline-out button2\">Add to cart</a>"); 
cart.Append("</div>"); 
cart.Append("</div>"); 
cart.Append("</div>"); 
} 

Literal1.Text = cart.ToString();

这似乎并没有工作..任何想法如何让这个购物车循环？

来源

2016-12-26 Kanes

*循环div *喜欢根据多个项目渲染* divs *如果是这样，如果使用* web表单*，则可以使用[asp repeater]（https://msdn.microsoft.com/en-us/library/zzx23804（v = vs.85）.aspx）你使用asp mvc，你可以使用'@foreach（..）'代替。 –

你可以在你的aspx页面编写c＃代码，像这样https://msdn.microsoft.com/en-us/library/ms178135.aspx?f=255&MSPPError=-2147217396 –

您应该使用嵌入代码块在.aspx本身而不是.cs。

来源

2016-12-26 08:42:00 Alrehamy

在aspx页面 <asp:Literal ID="ltrMessage" runat="server"></asp:Literal>

Code Snippet in cs page. 

for(int i=0;i<limit;i++) 
{ 
[email protected]"<div class='col-md-3 product-men'> 
    <div class='men-pro-item simpleCart_shelfItem'> 
     <div class='men-thumb-item'> 
      <img src='uploadImage/3.png' class='pro-image-front' /> 
      <img src='uploadImage/3.png' class='pro-image-back' /> 
     </div>  
     <div class='item-info-product '>  
      <h4><a href='single.html'>Tie Clip</a></h4>  
      <div class=''info-product-price'>  
       <span class='item_price'>RM100</span>  
      </div>  
      <a href='#' class='item_add single-item hvr-outline-out button2'>Add to cart</a> 
     </div>  
    </div>  
</div>"; 
}

来源

2016-12-26 09:37:23

代码，您通常会使用一个asp.net控制，像一个中继器。

<asp:Repeater ID="Repeater1" runat="server"> 
    <ItemTemplate> 
     <div class="col-md-3 product-men"> 
      <div class="men-pro-item simpleCart_shelfItem"> 
       <div class="men-thumb-item"> 
        <img src="uploadImage/<%# Eval("product_image_front") %>" class="pro-image-front" /> 
        <img src="uploadImage/<%# Eval("product_image_back") %>" class="pro-image-back" /> 
       </div> 
       <div class="item-info-product "> 
        <h4><a href="single.html"><%# Eval("product_name") %></a></h4> 
        <div class="info-product-price"> 
         <span class="item_price"><%# Eval("product_price") %></span> 
        </div> 
        <asp:LinkButton ID="LinkButton1" CommandArgument='<%# Eval("product_id") %>' runat="server" CssClass="item_add single-item hvr-outline-out button2">Add to cart</asp:LinkButton> 
       </div> 
      </div> 
     </div> 
    </ItemTemplate> 
</asp:Repeater>

然后在后面的代码中，您将为Repeater分配一个DataSource。

Repeater1.DataSource = source; 
Repeater1.DataBind();

来源

2016-12-26 13:10:04 VDWWD

如何循环div？

回答

相关问题