3 ～ 4 個の項目のいずれかが選択されている場合に、2 つのサブ項目をリストしようとするコードがあります。次のコード内で動作する必要があります。
<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>
したがって、「ABC」、「FTG」、「JNB」、「VTF」の 4 つのリスト アイテムがあるとします。次に、上記のコードに基づいて、最初の 3 つが「123」と「456」のような人になるように 2 つのサブリスト項目を挿入したい場合、次のような別の 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 つだけ) は同じ動作を表示します。
したがって、この画像はリスト項目の 1 行だけを示しています。
これは、1 つが強調表示された (選択された) 2 つのサブアイテムを表示する場所です。
皆様のご協力に感謝いたします。