用途:该技能提供在 ASP.NET Core 应用中使用 Syncfusion 核心 Menu 组件的完整指南,用于构建带层级子项、图标、动画和事件处理的导航菜单。
主要能力:支持层级或自引用数据绑定、字段映射、图标(iconCss)、子菜单与多级层级、分隔项、CSS 样式与模板定制、动画配置;支持打开/关闭/选择/渲染等事件;提供展开、刷新、销毁、数据绑定等生命周期方法,以及项目的启用、隐藏、显示、插入、移除等管理 API;支持水平/垂直方向、RTL、汉堡响应式模式、状态持久化、滚动与 HTML 净化。
使用方式:安装并配置包与 CSS 主题后,在 Razor 中使用 <ejs-menu> 标签助手,通过 items 属性绑定菜单数组,可用 fields 映射自定义数据结构。示例: @{ List<object> menuItems = new List<object>(); menuItems.Add(new { text = "File" }); menuItems.Add(new { text = "Edit" }); menuItems.Add(new { text = "View" }); } <ejs-menu id="menu" items="menuItems"></ejs-menu> 事件绑定示例: <ejs-menu id="menu" items="menuItems" select="onMenuSelect" beforeOpen="onBeforeOpen"></ejs-menu> 字段映射示例: var menuFields = new { text = "name", children = "submenu", iconCss = "icon" };
适用场景:站点多级导航栏、File/Edit/View 型应用菜单、移动端汉堡导航、基于数据的动态菜单、多语言与 RTL 布局。
限制:具体依赖版本、主题包名与安装命令暂未提供;参考资料按主题分文件(入门、数据绑定、样式、图标层级、事件、API、方向与无障碍等),需按需查阅。