首页 > 代码库 > ASP.NET MVC Bootstrap模板选中菜单高亮显示当前项方法
ASP.NET MVC Bootstrap模板选中菜单高亮显示当前项方法
当我们处理后台显示当前页面，当前页菜单项高亮，我们可以使用js方法，也可用程序实现，使用Bootstrap模板处理高亮并展开方法之一
1.在项目中导入
<script src="http://www.9.qixoo.com/assets/admin/layout/scripts/layout.js"></script>
2. 给子项目项添加唯一标识ID，点击当前页传送当前唯一ID给控制器。
<a href="http://www.mamicode.com/@item2.LinkUrl" 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‘, $());
});
</script>
}
5.允许项目，点击当前项程序自动添加展开并高亮的样式。
ASP.NET MVC Bootstrap模板选中菜单高亮显示当前项方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。