Skip to content

Commit fc4b327

Browse files
committed
Implemented submenu for MVC project.
1 parent 1f1c6ce commit fc4b327

File tree

2 files changed

+39
-11
lines changed
  • Templates/All-In-One-Template/MySpaProject

2 files changed

+39
-11
lines changed
Lines changed: 36 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,41 @@
1-
@model MySpaProject.WebMpa.Models.Layout.TopMenuViewModel
1+
@using Abp.Collections.Extensions
2+
@model MySpaProject.WebMpa.Models.Layout.TopMenuViewModel
23
@foreach (var menuItem in Model.MainMenu.Items)
34
{
45
<li class="@(Model.ActiveMenuItemName == menuItem.Name ? "active" : "")">
5-
<a href="@menuItem.Url">
6-
@if (!string.IsNullOrWhiteSpace(menuItem.Icon))
7-
{
8-
<i class="@menuItem.Icon"></i>
9-
}
10-
@menuItem.DisplayName
11-
</a>
6+
@if (menuItem.Items.IsNullOrEmpty())
7+
{
8+
<a href="@menuItem.Url">
9+
@if (!string.IsNullOrWhiteSpace(menuItem.Icon))
10+
{
11+
<i class="@menuItem.Icon"></i>
12+
}
13+
@menuItem.DisplayName
14+
</a>
15+
}
16+
else
17+
{
18+
<a href="" data-toggle="dropdown">
19+
@if (!string.IsNullOrWhiteSpace(menuItem.Icon))
20+
{
21+
<i class="@menuItem.Icon"></i>
22+
}
23+
@menuItem.DisplayName
24+
</a>
25+
<ul class="dropdown-menu">
26+
@foreach (var subMenuItem in menuItem.Items)
27+
{
28+
<li>
29+
<a href="@subMenuItem.Url">
30+
@if (!string.IsNullOrWhiteSpace(subMenuItem.Icon))
31+
{
32+
<i class="@subMenuItem.Icon"></i>
33+
}
34+
@subMenuItem.DisplayName
35+
</a>
36+
</li>
37+
}
38+
</ul>
39+
}
1240
</li>
1341
}

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaAngular/App/Main/views/layout/header.cshtml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@
1212
<div class="collapse navbar-collapse">
1313
<ul class="nav navbar-nav">
1414
<li ng-repeat="menuItem in vm.menu.items" ng-class="{active: vm.currentMenuName == menuItem.name}">
15-
<a ng-if="menuItem.items.length==0" ng-href="{{menuItem.url}}"><i class="{{menuItem.icon}}" ng-if="menuItem.icon"></i> {{menuItem.displayName}}</a>
16-
<a ng-if="menuItem.items.length>0" href="" data-toggle="dropdown"><i class="{{menuItem.icon}}" ng-if="menuItem.icon"></i> {{menuItem.displayName}} </a>
17-
<ul ng-if="menuItem.items.length>0" class="dropdown-menu">
15+
<a ng-if="!menuItem.items.length" ng-href="{{menuItem.url}}"><i class="{{menuItem.icon}}" ng-if="menuItem.icon"></i> {{menuItem.displayName}}</a>
16+
<a ng-if="menuItem.items.length" href="" data-toggle="dropdown"><i class="{{menuItem.icon}}" ng-if="menuItem.icon"></i> {{menuItem.displayName}} </a>
17+
<ul ng-if="menuItem.items.length" class="dropdown-menu">
1818
<li ng-repeat="menuSubItem in menuItem.items">
1919
<a ng-href="{{menuSubItem.url}}"><i class="{{menuSubItem.icon}}" ng-if="menuSubItem.icon"></i> {{menuSubItem.displayName}}</a>
2020
</li>

0 commit comments

Comments
 (0)