ghossein
چهارشنبه 02 خرداد 1397, 14:11 عصر
مدل دیتابیس :
public partial class Menus {
public int MenuId { get; set; }
public string MenuName { get; set; }
public string MenuCaption { get; set; }
public string MenuController { get; set; }
public string MenuAction { get; set; }
public Nullable<int> ParentMenuId { get; set; }
public string MenuIcon { get; set; }
public string MenuType { get; set; }
public string MenuDescription { get; set; }
}
کدنویسی :
داخل کنترلر مورد نظر (به عنوان مثال اسم کنترلر باشه Layout)یه اکشن متد بسازید به نام Menu به اینصورت :
[ChildActionOnly]
public ActionResult Menu()
{
var menu = GetTreeMenus();
return PartialView(menu);
}
public class TreeMenu
{
public int id { get; set; }
public string label { get; set; }
public string action { get; set; }
public string controller { get; set; }
public int? parentid { get; set; }
public IList<TreeMenu> items { get; set; }
}
public IList<TreeMenu> GetTreeMenus()
{
var Menus = _menus.Where(x => x.ParentMenuId == null).ToList();
List<TreeMenu> tree = new List<TreeMenu>();
foreach(var m in Menus)
{
var node = new TreeMenu
{
id = m.MenuId,
label = m.MenuCaption,
controller = m.MenuController,
action = m.MenuAction,
parentid = m.ParentMenuId,
items = GetChildren(m.MenuId)
};
tree.Add(node);
}
return tree;
}
public List<TreeMenu> GetChildren(int id)
{
var Menus = _menus.Where(x => x.ParentMenuId == id).ToList();
List<TreeMenu> tree = new List<TreeMenu>();
foreach (var m in Menus)
{
var node = new TreeMenu
{
id = m.MenuId,
label = m.MenuCaption,
controller = m.MenuController,
action = m.MenuAction,
parentid = m.ParentMenuId,
items = GetChildren(m.MenuId)
};
tree.Add(node);
}
return tree;
}
view که میسازید از نوع PartialView باشه :
@model IList<TreeMenu>
@ShowTree(Model)
@helper ShowTree(IList<TreeMenu> menus)
{
<ul>
@foreach (var m in menus)
{
if (m.items.Count == 0)
{
<li>
@if (!string.IsNullOrEmpty(m.action) && !string.IsNullOrEmpty(m.controller))
{
<span>@Html.ActionLink(m.label, m.action, m.controller)</span>
}
else
{
<span>@m.label</span>
}
</li>
}
else if(m.items.Count > 0)
{
<li class="parent">
<div>
@if (!string.IsNullOrEmpty(m.action) && !string.IsNullOrEmpty(m.controller))
{
<span>
@Html.ActionLink(m.label, m.action, m.controller)
</span>
}
else
{
<span>@m.label</span>
}
<span class="downIcon ion-chevron-right ico8"></span>
</div>
@ShowTree(m.items)
</li>
}
}
</ul>
}
آخر سر هم باید یه جا این اکشن متذ رو فراخوانی کنید مثلا توی ویوی نمایش محصولات :
<div id="menu">@Html.Action("Menu", "Layout")</div>