如何循环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();
这似乎并没有工作..任何想法如何让这个购物车循环?
答
您应该使用嵌入代码块在.aspx
本身而不是.cs
。
答
在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>";
}
答
代码,您通常会使用一个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();
*循环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 –