如何使用转发器在列中显示多个记录?

时间:2017-02-05 14:19:08

标签: html css asp.net sql-server webforms

我正处于一个项目的中间。我有sql server数据库中的tab菜单表,我附上了它的图像。 我的标签菜单有类似下面的样式:

<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>  

我想通过转发器或任何有用的控件将此选项卡菜单连接到数据库。我怎么能这样做?

MenuTabledb

1 个答案:

答案 0 :(得分:1)

rownames(trees[trees$char == 'cone',]) <- paste(rownames(trees[trees$char == 'cone',]), 'c')