首页 > 其他 > 详细

ABP - 菜单配置(导航栏选中高亮,高亮并定位当前标题)

时间:2020-03-23 14:46:41      阅读:116      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

 配置一个如上图所示的菜单;

1.打开文件NavigationProvider.cs

添加如下代码(如下图所示)

.AddItem(new MenuItemDefinition(
  PageNames.App.Tenant.Test,//一个常量,控制菜单是否被选中
  L("Test"),//菜单显示名称,在语言文件中配置
  url: "Mpa/Test",//菜单路径
  icon: "icon-globe",//菜单图标
))

 技术分享图片

 

2.打开文件PageNames.cs

【..\MyCompanyName.AbpZeroTemplate.Web\App_Start\Navigation\PageNames.cs】
在代码中添加一个常量
public static class Tenant
{
    public const string Dashboard = "Dashboard.Tenant";
    public const string Settings = "Administration.Settings.Tenant";
    public const string Test = "Test";//这里是添加的常量
}

3.打开语言文件AbpZeroTemplate-zh-CN.xml

【..\MyCompanyName.AbpZeroTemplate.Core\Localization\AbpZeroTemplate\AbpZeroTemplate-zh-CN.xml】
在最后添加一个键值对
<text name="Test" value="测试" />

 

保存生成,刷新页面即可显示,现在点击菜单会报404错误,这是因为我们还没有添加对应的控制器
在【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Controllers】下添加一个Test控制器,并创建Index视图

4.Index视图修改

此时Index视图中的代码改成这样
@using MyCompanyName.AbpZeroTemplate.Web.Navigation

@{
    ViewBag.CurrentPageName = PageNames.App.Tenant.Test;//上面所定义就是这个常量,作用就是选中菜单时会高亮,并定位到当然这个菜单
}

<h2>测试页面</h2>

ABP - 菜单配置(导航栏选中高亮,高亮并定位当前标题)

原文:https://www.cnblogs.com/jxl123456/p/12551875.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!