Question

我有两个部分视图，需要在选择相应的选项卡时加载。我无法更改标签，它始终显示相同的局部视图。我尝试将代码基于此答案https://stackoverflow.com/a/22483758/4761773

这是我的代码：

<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>

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

1 个答案: