如何建立動態選單在ASP。 淨核心剃刀頁面與Web Api
我得到一個錯誤當我新增一個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); } }); } });
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559515/viewspace-2218445/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Asp.Net中動態頁面轉靜態頁面ASP.NET
- 動態建立選單
- ASP.NET動態生成html頁面ASP.NETHTML
- 【ASP.NET Web API教程】2 建立各種Web APIASP.NETWebAPI
- 在Asp.net MVC中訪問靜態頁面ASP.NETMVC
- ASP.NET Web API與Rest web api(一)ASP.NETWebAPIREST
- Web頁面動態重新整理時間Web
- 如何使用Web3.js API 在頁面中進行轉賬WebJSAPI
- ASP.NET 2.0中動態修改頁面標題ASP.NET
- 用C#與XML建立動態分層選單(轉)XML
- JavaScript系列:動態建立iframe並載入頁面JavaScript
- aspx頁面中動態建立控制元件 (轉)控制元件
- JavaScript動態建立select下拉選單JavaScript
- java建立web動態網頁遇到的問題JavaWeb網頁
- Web移動端頁面 –響應式和動態REMWebREM
- 動態建立 Web WorkerWeb
- 使用 ASP.NET Core 和 MongoDB 建立 Web APIASP.NETMongoDBWebAPI
- ASP.NET Web Forms – HTML 頁面簡介ASP.NETWebORMHTML
- ASP.NET Core Web API 與 SSLASP.NETWebAPI
- 在Web應用中動態建立PDF檔案Web
- 如何關閉移動web頁面縮放功能Web
- DW+ASP 玩轉動態二級選單 (轉)
- 使用ASP.NET web API建立REST服務(二)ASP.NETWebAPIREST
- ASP.NET Web API 控制器建立過程ASP.NETWebAPI
- 如何快速在odoo中建立自己的選單Odoo
- ASP.NET Web Pages – 頁面佈局簡介ASP.NETWeb
- 使用Vue.js在WordPress中建立單頁面應用SPAVue.js
- 移動Web單頁應用開發實踐——頁面結構化Web
- vite 構建工具 如何熱更新靜態頁面?自動重新整理頁面Vite
- DiscuzQ動態頁面SEO方案
- ASP.NET Web API與Owin OAuth:呼叫與使用者相關的Web APIASP.NETWebAPIOAuth
- 在web工程中設定首頁的頁面Web
- 【靜態頁面架構】CSS之顏色與單位架構CSS
- 如何在 Nuxt 中動態設定頁面佈局UX
- web頁面Web
- 「移動端」Web頁面適配Web
- 頁面互動是前端的核心嗎?前端
- LoadRunner與Web頁面互動的兩個層次Web