ASP.NET 在运行时动态生成引导面板

Question

我正在设计一个广告网站，其中每个产品都显示为 Bootstrap Tile，面板中还有名称、照片和费用。我想要的是，每当我加载页面时，ASP 会自动查询数据库以找出有多少产品，创建该数量的图块并在每个面板中放置相关的名称、照片和成本。

如何使用 VB.net 执行此操作？

这是我的 HTML 面板：

     <div class="col-md-2">
      <div class="panel panel-default">
            <div class="panel-heading"><strong>Product ID</strong>, Product Name</div>
            <div class="panel-body">
                <a class="thumbnail">
                <img src="Photo.jpg"  /></a></div>

           <div class="panel-footer">
               ProductPrice
           </div>

Answer 1

您应该使用 asp ListView 或 Repeater。它将为每个项目重复您的模板。

 <asp:ListView id="PanelList" runat="server">
        <ItemTemplate>
            <div class="col-md-2">
                <div class="panel panel-default">
                    <div class="panel-heading"><strong><%#Eval("PRODUCTID") %></strong>, <%#Eval("PRODUCTNAMEE") %></div>
                    <div class="panel-body">
                        <a class="thumbnail">
                            <img src='<%#Eval("PHOTO") %>' /></a>
                    </div>

                    <div class="panel-footer">
                       <%#Eval("PRODUCTPRICE") %>
                    </div>
        </ItemTemplate>
    </asp:ListView>

一旦从数据库中恢复，请不要忘记将 ListView 控件分配给 CodeBehind 上的 DataSource。

PanelList.DataSource = YourCollection;
PanelList.DataBind();

您的评估字段应与可访问属性或 collection 上的字段的名称相匹配。

ASP.NET 在运行时动态生成引导面板

ASP.NET dynamically generating bootsrap panels at runtime

sql

asp.net

vb.net

ms-access

twitter-bootstrap-3