如何创建动态菜单在ASP。 净核心剃刀页面与Web Api

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何创建动态菜单在ASP。 净核心剃刀页面与Web Api，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1554字，纯文字阅读大概需要3分钟。

内容图文

我得到一个错误当我添加一个MenuList进入菜单。 计算机科学,因为我的MySql表中没有MenuList那里。 但我无法添加MenuList菜单。 cs,这意味着我不能创建一个动态菜单,任何人在这种情况下有解决方案吗? 请帮助我,我被困在这里大约一个星期。

MySql表:

CREATE TABLE Menusss(
MenuId int not null auto_increment,
MenuName varchar(250),
ParentId int,
ActiveNo int
);
Menus.cs:

public class Menus
{
[Key]
public int MenuId { get; set; }
public string MenuName { get; set; }
public int? ParentId { get; set; }
public int ActiveNo { get; set; }
public List<Menus> MenuList { get; set; } = new List<Menus>();
}
MenusController.cs:

[HttpGet]
public ActionResult<List<Menus>> GetMenus()
{
List<Menus> menuList = new List<Menus>();

foreach (Menus m in _context.menus.ToList())
{
    menuList.Add(m);
}

List<Menus> menuTree = GetMenuTree(menuList, null);
return menuTree;

}

private List<Menus> GetMenuTree(List<Menus> list, int? parentId)
{
return list.Where(x => x.ParentId == parentId).Select(x => new Menus()
{
MenuId = x.MenuId,
MenuName = x.MenuName,
ParentId = x.ParentId,
ActiveNo = x.ActiveNo,
MenuList = GetMenuTree(list, x.MenuId)
}).ToList();
}
MY.js:

$(document).ready(function () {
$.ajax({
url: '',
method: 'get',
dataType: 'json',
success: function (data) {
buildMenu($('#menu'), data);
$('#menu').menu();
}
});

function buildMenu(parent, items) {
    $.each(items, function () {
        var li = $("<li>" + this.MenuName + "</li>");
        if (this.ActiveNo == 0) {
            li.addClass('ui-state-disabled');
        }

        li.appendTo(parent);

        if (this.MenuList && this.MenuList.length > 0) {
            var ul = $("<ul></ul>");
            ul.appentTo(li);
            buildMenu(ul, this.MenuList);
        }
    });
}

});

内容总结

以上是互联网集市为您收集整理的如何创建动态菜单在ASP。 净核心剃刀页面与Web Api全部内容，希望文章能够帮你解决如何创建动态菜单在ASP。 净核心剃刀页面与Web Api所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端