Html 如何使用repeater在列中显示多条记录？ 我在一个项目的中间。我在sql server数据库中有一个用于选项卡菜单的表，我已将其图像附加到该表上。 “我的选项卡”菜单的样式如下： <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">Name1</a></li> <li><a data-toggle="tab" href="#menu1">Name2</a></li> <li><a data-toggle="tab" href="#menu2">Name3</a></li> <li><a data-toggle="tab" href="#menu3">Name4</a></li> </ul> <div class="tab-content"> <br /><br /> <div id="home" class="tab-pane fade in active"> <div class="col-sm-4"> <ul class="nav navbar-link navbar-right"> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="imageslist/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> </ul> </div> <div class="col-sm-4"> <ul class="nav navbar-link navbar-right"> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> </ul> </div> <div class="col-sm-4"> <ul class="nav navbar-link navbar-right"> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> </ul> </div> </div> <div id="menu1" class="tab-pane fade"> <div class="col-sm-4"> <ul class="nav navbar-link navbar-right"> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> </ul> </div> <div class="col-sm-4"> <ul class="nav navbar-link navbar-right"> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" /> ...</a></li> </ul> </div> <div class="col-sm-4"> <ul class="nav navbar-link navbar-right"> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" />...</a></li> </ul> </div> </div> <div id="menu2" class="tab-pane fade"> </div> <div id="menu3" class="tab-pane fade"> </div> </div> </div>

我想用repeater或任何有用的控件将此选项卡菜单连接到数据库。我该怎么做

 <asp:Repeater ID="rep" runat="server">
        <ItemTemplate>

           <div class="col-sm-4">
    <ul class="nav navbar-link navbar-right">

        <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" /><%# Eval("FName") %></a></li>
        <li><a href="#"><img src="imageslist/tik.png" style="width:20px; height:20px;" /><%# Eval("ParentID").ToString() %></a></li>
        <li><a href="#"><img src="images/list/tik.png" style="width:20px; height:20px;" /><%# Eval("Active").ToString() %></a></li>            
    </ul>
</div>
</ItemTemplate>
</asp:Repeater>