使用中继器显示来自数据库的多个数据答案

【问题标题】：show multiple data from database using repeater使用中继器显示来自数据库的多个数据
【发布时间】：2015-08-17 22:28:08
【问题描述】：

想要在一行中显示数据库中的 3 个项目。使用此代码中继器仅显示数据库中的 1 个项目。

<asp:Repeater ID="rptItems" runat="server">
                    <HeaderTemplate>
                        <ul>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <div class="row">
                            <div class="col-md-4">

                                <h2><%# Eval("Title") %></h2>
                                <img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' width="200" height="200" />
                                <p>ISBN</p>
                                <p><%# Eval("ISBN") %></p>
                                <p>Description</p>
                                <p><%# Eval("Description") %></p>
                            </div>
                         </div>
                    </ItemTemplate>
                    <FooterTemplate>
                        </ul>
                    </FooterTemplate>
                </asp:Repeater>

【问题讨论】：

标签： asp.net twitter-bootstrap-3 repeater

【解决方案1】：

这是 CSS 问题。我看到您使用引导样式，因此将 <div class="row"> 移出循环。

<asp:Repeater ID="rptItems" runat="server">
                    <HeaderTemplate>
                        <ul>
                        <div class="row">
                    </HeaderTemplate>
                    <ItemTemplate>
                            <div class="col-md-4">

                                <h2><%# Eval("Title") %></h2>
                                <img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' width="200" height="200" />
                                <p>ISBN</p>
                                <p><%# Eval("ISBN") %></p>
                                <p>Description</p>
                                <p><%# Eval("Description") %></p>
                            </div>
                    </ItemTemplate>
                    <FooterTemplate>
                        </div>
                        </ul>
                    </FooterTemplate>
</asp:Repeater>

【讨论】：

@dongou 这个想法是将“行” div 放在循环之外。将其添加到页眉和 div 的关闭处，页脚上更正确。