我试图创建一个Asp.Net页面(没有剃刀)列出并显示数据库中的一些产品。我需要从我的SQL Server 2008 R2数据库中显示图像,解释和PDF路径。
我一直在寻找示例,但其中很多都是关于填充表,而不是ul
元素。我看过一些剃刀页面的例子,但我不知道它是如何工作的。
注意:我不想改变这种风格,因为我使用了一些很酷的bootstrap css悬停的东西。我不想搞砸,但如果你认为有必要改变它,那么我当然可以找出一些东西。
代码:
<ul class="grid cs-style-5" id="thumbs">
<li>
<figure>
<img class="img-responsive" src="#">
<figcaption>
<h4>Product Name/h4>
<span>Explanation here.</span>
<a href="#" data-toggle="modal" data-target="#myModal">Technical Info</a>
</figcaption>
</figure>
</li>
</ul>
更新
我想出了如何做我需要的事情。我发布在这里,万一其他人也需要。我没有使用asp:repeater
,但我使用了DataList
。它工作得很好。
固定代码:
<asp:DataList ID="DataList1" runat="server">
<HeaderTemplate><ul class="grid cs-style-5" id="thumbs"></HeaderTemplate>
<ItemTemplate>
<li>
<figure>
<img class="img-responsive" src='<%# Eval("urun_resim") %>' />
<figcaption>
<h4>Product Name: <%#Eval("urun_isim") %>i</h4> <br />
<a href='<%#Eval("urun_pdf") %>' Target="_blank"></a>
</figcaption>
</figure>
</li>
</ItemTemplate>
<FooterTemplate></ul></FooterTemplate>
</asp:DataList>
答案 0 :(得分:0)
中继器是不错的选择。我同意这个解决方案。即使这样也可以帮助您进行响应式设计。这甚至可以轻载。 p>