从SQL Server数据库填充ul im的图形

时间:2015-09-12 10:16:31

标签: asp.net sql-server-2008-r2 datalist

我试图创建一个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>

1 个答案:

答案 0 :(得分:0)

中继器是不错的选择。我同意这个解决方案。即使这样也可以帮助您进行响应式设计。这甚至可以轻载。