选择的列表项显示asp.net mvc中的子项

Question

我有一些代码，如果选择了3-4个项目中的一个，我会尝试两个列表子项目。它需要在显示为：

的代码中工作

<div class="chartnavigator clear-fix">
<span class="label float-left">KPIs</span>
<ul class="chartlist float-left">
    @foreach (var item in Model.AvailableCharts) {
        var classname = "float-left";                        
        if (item.ChartName == Model.DefaultChart.ChartInfo.ChartName) {
            classname += " selected";
        }
        if (item.ChartName == "VTF")
        {
            <li class="@classname"><a href="javascript:void(0);">@item.ChartDummyName</a></li>
        }
        else
        {
            <li class="@classname"><a href="javascript:void(0);">@item.ChartName</a></li>
        }

    }
</ul>

因此，如果我有4个列表项，一个“ABC”，“FTG”，“JNB”和“VTF”。然后基于上面的代码，如果我想为前3个注入2个子列表项是“123”和“456”，那么我想我可以嵌入另一个if / else之类的：

                            if (item.selected == "true")
                            {
                            <ul class="subchartlist float-left">
                                <li class="@classname"><a href="javascript:void(0);">Actual</li>
                                <li class="@classname"><a href="javascript:void(0);">LTD</li>
                            </ul>
                            }
                            else
                            {

                            } 

这似乎不起作用，我希望能为你们提供一些想法。基本上需要检查是否选择了li，然后显示子项。

因此，为了清楚起见，顶部列表项始终显示，并且突出显示所选列表项顶级（本例中为菜单）。其他人被筛选回来。子列表项（在这种情况下仅为2）将显示相同的行为。

因此，此图像现在只显示一行列表项。

这就是我所追求的，它显示了那两个突出显示（选中）的子项目。

感谢您提供的任何帮助。