ASP.NET MVC Bootstrap模板選中菜單高亮顯示當前項方法

當我們處理后台顯示當前頁面，當前頁菜單項高亮，我們可以使用js方法，也可用程序實現，使用Bootstrap模板處理高亮並展開方法之一

1.在項目中導入

<script src="/assets/admin/layout/scripts/layout.js"></script>

 

2. 給子項目項添加唯一標識ID，點擊當前頁傳送當前唯一ID給控制器。

                                <a href="@item2.LinkUrl?id=@item2.Id" id="@item2.Id">
                                    <i class="icon-settings"></i> @item2.Name
                                    @if (list.Where(d => d.ParentId == item2.Id).Count() > 0)
                                    {<span class="arrow "></span>}
                                </a>

3.在需要主頁面高亮顯示的Controller里面傳入高亮項的id

public ActionResult List(string id)
{
　　　　ViewBag.CLASSID = id.ToLower();

　　　　return View();
}

4.在頁面中設置JS高亮

@section footer{
    <script>
        jQuery(document).ready(function () {
            Layout.setSidebarMenuActiveLink('set', $('#@ViewBag.CLASSID'));
        });
    </script>
}

5.允許項目，點擊當前項程序自動添加展開並高亮的樣式。