选项卡上的不同局部视图单击

Question

我有两个部分视图需要在选择各自的选项卡时加载。我无法更改选项卡，它始终显示相同的局部视图。 我试图将我的代码基于这个答案

这是我的代码：

<div>
    <ul class="nav nav-tabs">
        <li>@Html.ActionLink("Organization Users", "Index", new { allUsers = 0 }, new { id = "OrgUsers" })</li>

        <li>@Html.ActionLink("All Users", "Index", new { allUsers = 1 }, new { id = "AllUsers" }) </li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="OrgUsers">
            @Html.Partial("_ListUsers")
        </div>
        <div class="tab-pane" id="AllUsers">
            @Html.Partial("_ListAllUsers")
        </div>

    </div>
</div>

我是不是漏掉了什么？

Answer 1

我没有看到任何关于如何区分 _ListUsers 和 _ListAllUsers 的条件。也许你可以有一个 if 条件，一个条件部分加载，另一个条件部分加载。

<div class="tab-content">
        @if (some condition)
        {
        <div class="tab-pane active" id="OrgUsers">
            @Html.Partial("_ListUsers")
        </div>
        }
        else if (condition 2)
        {
            <div class="tab-pane active" id="AllUsers">
            @Html.Partial("_ListAllUsers")
        </div>
        }
    </div>