我想生成一个无序列表,其中包含用于在数据库中显示图像的标签,我查看了项目符号列表,但它不适用于图像。我如何从数据库中的结果动态生成它,例如,如果我在数据库中有 6 个图像,那么我希望生成的列表必须如下所示。
<ul id="">
<li><img src="Resources/img14.jpg" alt="" title=""/></li>
<li><img src="Resources/img15.jpg" alt="" title=""/></li>
<li><img src="Resources/img17.jpg" alt="" title=""/></li>
<li><img src="Resources/img2.jpg" alt="" title=""/></li>
<li><img src="Resources/img5.jpg" alt="" title=""/></li>
<li><img src="Resources/img3.jpg" alt="" title=""/></li>
</ul>
表结构
User Name nvarchar(50)
Pic Path nvarchar(MAX)
对于您想要实现的目标,最好和最简单的方法是使用<asp:ListView>
控制。
这里有一个关于如何使用它的很好的教程,并且与您正在做的非常相似http://weblogs.asp.net/scottgu/archive/2007/08/10/the-asp-listview-control-part-1-building-a-product-listing-page-with-clean-css-ui。 ASPX
它基本上涉及你创建一个<asp:ListView>
控制就像;
<asp:ListView ID="ListView1" runat="server">
<LayoutTemplate>
<ul>
<asp:PlaceHolder ID="itemPlaceholder" runat="server" />
</ul>
</LayoutTemplate>
<ItemTemplate>
<li>
<img src='<%#Eval("PicPath")%>' alt='<%#Eval("UserName")%>' />
</li>
</ItemTemplate>
<EmptyDataTemplate>
<p>Nothing here.</p>
</EmptyDataTemplate>
</asp:ListView>
然后将您的数据绑定到它。
this.ListView1.DataSource = YourDataSource;
this.ListView1.DataBind();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)