基于视图、控制器和参数设置 Html.IsActive - MVC5、Bootstrap 和 Knockout

Question

我有一个导航面板，该面板将导向填充有不同值的相同视图，具体取决于传输的度量的 ID。

        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse-custom">
                <ul class="nav nav-pills nav-stacked" id="side-menu">
                    <li class="@Html.IsActive("Home", "Index")">
                        @Html.ActionLink("Dashboard", "Index", "Home")
                    </li>
                    <li data-id="5" class="@Html.IsActive("Dashboard", "Measure")">
                        @Html.ActionLink("Timeliness", "Measure", "Dashboard", new {id="5"}, null)
                    </li>
                </ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>

我可以使用一些派生的方法将所选项目标记为活动吗 "@Html.IsActive("Dashboard", "Measure" )"?

我需要在这里使用自定义编码吗？

谢谢！

Answer 1

我之前就被这个搞糊涂了，但请记住，服务器端 ASP.Net mvc HTML 助手和客户端淘汰视图模型之间没有连接。您将需要在客户端创建一个 knockout 视图模型来表示活动的菜单项。

基于视图、控制器和参数设置 Html.IsActive - MVC5、Bootstrap 和 Knockout

Setting Html.IsActive based on View, Controller, and Parameter - MVC5, Bootstrap and Knockout

twitter-bootstrap

knockout.js

asp.net-mvc-5.2