使用中继器显示数据库中的多个数据

Question

想要在一行中显示数据库中的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>

Answer 1

这是css的问题。我看到你使用了bootstrap样式，所以把<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>