1

如果选择了 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 个）将显示相同的行为。

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

现在列出项目菜单

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

列表项子菜单应该如何看待这个

感谢您提供的任何帮助。

4

0 回答 0