SuperAPI AI 工具集

syncfusion-aspnetcore-sidebar

通用与其它

查看项目

更新于 10-16 04:29

技能介绍

用途:该技能讲解如何在 ASP.NET Core 应用中集成 Syncfusion EJ2 Sidebar 组件,创建可展开/折叠的侧边导航容器,适用于管理后台、电商筛选栏、文档目录、移动端汉堡菜单等场景。

主要能力:支持四种展开类型 Over(悬浮于内容上方)、Push(推开主内容)、Slide(滑动不改变内容尺寸)、Auto(按屏幕分辨率自动选择响应式类型);可设置 Left/Right 定位与自定义宽度;通过 isOpen 设定初始状态,用 show()、hide()、toggle() 方法控制开合;支持 enableDock 与 dockSize 实现停靠式图标栏、showBackdrop 遮罩、closeOnDocumentClick 点击外部关闭、enableGestures 触摸滑动、mediaQuery 响应式断点、enablePersistence 状态持久化、enableRtl 从右到左布局,以及 change/open/close/created/destroyed 事件回调。

使用方式:通过 NuGet 安装包并在 _ViewImports.cshtml 注册 TagHelper,引入 CSS/脚本与 ScriptManager 后即可使用。基本写法为 <ejs-sidebar id="default-sidebar" type="Push" isOpen="false"> 配合 <e-content-template>;在 DOMContentLoaded 后通过 document.getElementById('default-sidebar').ej2_instances[0] 获取实例并调用 toggle() 等方法。常见模式包括 type="Auto" 的移动端响应式导航、enableDock="true" dockSize="60px" 的停靠侧栏、showBackdrop 与 closeOnDocumentClick 的遮罩模式、position="Right" 的右侧栏及 width="320px" 的自定义宽度。

限制:资料未提供授权、收费、价格与平台要求等信息。实际属性默认值、方法签名与事件参数以官方 API 文档为准。