ABP-菜单配置(导航栏选中⾼亮,⾼亮并定位当前标题)
配置⼀个如上图所⽰的菜单;
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.打开语⾔⽂件l
【..\MyCompanyName.AbpZeroTemplate.Core\Localization\l】
在最后添加⼀个键值对
<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>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。