我在DataTable dt5中有4行。我试图动态地生成某些html元素,其次数等于dt5中的行数。
Visual Studio代码:
<% for(int i = 0; i < dt5.Rows.Count; i++)
{
%>
<div id="Div1" class="image_stack" style="margin-left:600px" runat="server" >
<img class="stackphotos photo1" src="~/Images/3.jpg" clientidmode="static" runat="server" />
<img class="stackphotos photo2" src="~/Images/4.jpg" clientidmode="static" runat="server"/>
<img class="stackphotos photo3" src="~/Images/5.jpg" clientidmode="static" runat="server"/>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<% } %>
我能够生成html,但问题是所需的html即(应在mozilla中查看源代码)应该是....
第一个迭代代码:
<div id="ContentPlaceHolder1_Div1" class="image_stack" style="margin-left:600px">
<img src="Images/3.jpg" class="stackphotos photo1" />
<img src="Images/4.jpg" class="stackphotos photo2" />
<img src="Images/5.jpg" class="stackphotos photo3" />
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
但是我得到的结果是(浏览器查看源代码)...
<div id="ContentPlaceHolder1_Div1" class="image_stack" style="margin-left:600px">
<img class="stackphotos photo1" />
<img class="stackphotos photo2" />
<img class="stackphotos photo3" />
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><<br /><br />
如您所见,生成的代码中缺少“ src”部分。为什么缺少src?
好的,多亏了Code Rider,它现在似乎可以工作了。
现在,我正在尝试从数据表中获取src。
for (int i = 0; i < dt5.Rows.Count; i++)
{
string a = dt5.Rows[0]["imageurl"].ToString();
string b = dt5.Rows[1]["imageurl"].ToString();
string c = dt5.Rows[2]["imageurl"].ToString();
%>
<div id="Div1" class="image_stack" style="margin-left:600px" runat="server" >
<img id="Img1" class="stackphotos photo1" src="<%a%>" />
<img id="Img2" class="stackphotos photo2" src="<%b%>" />
<img id="Img3" class="stackphotos photo3" src="<%c%>" />
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<% } %>
最佳答案
我已经尝试了以下代码。在这里工作正常。
<% for(int i = 0; i < 5; i++)
{
%>
<div id="Div1" class="image_stack" style="margin-left:600px" runat="server" >
<img id="Img1" class="stackphotos photo1" src="11.png" />
<img id="Img2" class="stackphotos photo2" src="11.png" />
<img id="Img3" class="stackphotos photo3" src="11.png" />
</div>
<br /><br /><br /><br /><br />
<% } %>