成都网站建设设计

将想法与焦点和您一起共享

如何创建动态菜单在ASP。净核心剃刀页面与WebApi-创新互联

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

创新互联公司专注于企业营销型网站、网站重做改版、青浦网站定制设计、自适应品牌网站建设、H5高端网站建设购物商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为青浦等各大城市提供网站开发制作服务。

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 MenuList { get; set; } = new List();
}

MenusController.cs:

[HttpGet]
public ActionResult> GetMenus()
{
    List menuList = new List();
    foreach (Menus m in _context.menus.ToList())
    {
        menuList.Add(m);
    }
    List menuTree = GetMenuTree(menuList, null);
    return menuTree;
}
private List GetMenuTree(List 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 = $("
  • " + this.MenuName + "
  • ");             if (this.ActiveNo == 0) {                 li.addClass('ui-state-disabled');             }             li.appendTo(parent);             if (this.MenuList && this.MenuList.length > 0) {                 var ul = $("
      ");                 ul.appentTo(li);                 buildMenu(ul, this.MenuList);             }         });     } });


      文章名称:如何创建动态菜单在ASP。净核心剃刀页面与WebApi-创新互联
      本文路径:http://chengdu.cdxwcx.cn/article/doeojj.html