SuperAPI AI 工具集

syncfusion-blazor-sidebar

通用与其它

查看项目

更新于 10-15 21:06

技能介绍

用途:本技能是 Syncfusion Blazor Sidebar 组件的实现指南,用于在 Blazor 应用中添加可折叠的响应式导航侧边栏,适用于 Blazor WebAssembly 和 .NET 8 Web App。

主要能力:组件支持 Push、Over、Slide、Auto 等行为类型,Left/Right 定位,IsOpen 控制开关,Width 设置宽度,MediaQuery 实现响应式,EnableDock 与 DockSize 提供仅图标导航,EnablePersistence 借助 localStorage 保留状态,ShowBackdrop 显示遮罩,Animate 控制动画,EnableRtl 支持从右到左布局,Target 指定侧边栏上下文元素。

使用方式:需安装 Syncfusion.Blazor.Navigations 与 Syncfusion.Blazor.Themes NuGet 包,导入命名空间并注册服务,引用主题样式与脚本。基本用法为在 SfSidebar 上使用 @bind-IsOpen 双向绑定,配合按钮切换;响应式用 MediaQuery,停靠用 EnableDock,持久化需设置唯一 ID。

适用场景:折叠导航、程序化控制开关、按屏幕分辨率响应、仅图标导航、跨页面保留状态、多个不同定位的侧边栏、指定 HTML 元素上下文、在侧边栏中集成 ListView 或 TreeView、自定义 CSS 样式。

限制:资料未提供收费、价格、平台兼容性细节及具体效果数据;部分高级用法(如显式 Target)需额外内层包装 div,具体以官方参考文件为准。