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();

您的eval字段应与您的集合中可访问的属性或字段的名称相匹配。

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

1 个答案: