Question

我有剃刀视图，我正在硬编码像＆＃34; PROP / GNICS＆＃34;在Tab中显示它。但现在我想让它充满活力。

<ul id="businessTab" class="nav nav-tabs tab_nav sub_pcvnav">
    <li class="active">
        <a href="#Prop" data-toggle="tab">
            PROP <span class="vbox businessTab_PROP">0.000</span>
        </a>
    </li>
    @if (IsCCSelected)
    {
        <li>
            <a href="#gnics" data-toggle="tab">
                GNICS <span class="vbox businessTab_PROP">0.000</span>
            </a>
        </li>
    }
    else
    {
        <li class="disabled disable_gnics">
            <span>
                <b> GNICS</b> <span class="vbox businessTab_GNICS">0.000</span>
            </span>
        </li>
    }

</ul>

动态代码：

 <ul id="businessTab" class="nav nav-tabs tab_nav sub_pcvnav">
    @foreach (var item in Model.LookUp)
    {
        <li>
            <a href=@String.Concat("#",@item.LookUpName) data-toggle="tab">
                @item.LookUpName <span class="vbox businessTab_@item.LookUpName">0.000</span>
            </a>
        </li>
    }
</ul>

但是在这里我无法在<Li>中设置活动课程。怎么设置？

<li class="active">

在foreach循环中，它会将两个类都设置为活动状态？

Answer 1

我没有清楚地回答你的问题。但我认为，你想要在一些情况下添加一些类。

也许其中一个会帮助你

<li class="@(item.LookUpName == "GNICS" ? "disabled disable_gnics" : "")">

<li class="@(IsCCSelected ? "" : "disabled disable_gnics")">

foreach锚标记类在选项卡中处于活动状态

1 个答案: