用途:Syncfusion Blazor Dashboard Layout(SfDashboardLayout)用于在 Blazor WebAssembly 与 Server 应用中构建基于网格的仪表盘界面,面板可拖拽、可调整大小,并支持状态持久化与响应式适配。
主要能力:网格定位(Row、Column),以单元格为单位的尺寸(SizeX、SizeY)与 Min/Max 约束;拖拽重排与自动碰撞处理、面板推移;可自定义方向的缩放手柄;浮动面板自动上移填充空白;通过 EnablePersistence 将布局保存到 localStorage,并提供 GetPersistDataAsync、SetPersistDataAsync、ResetPersistDataAsync;HeaderTemplate 与 ContentTemplate 定义面板标题和内容;CSS 类 .e-panel-header、.e-panel-content、.e-resize 可自定义样式;MediaQuery 设置断点(默认 600px 以下自动堆叠为单列)。
使用方式:安装 NuGet 包 Syncfusion.Blazor.Layouts 与 Syncfusion.Blazor.Themes,配置命名空间和 Syncfusion 服务,添加样式与脚本资源;在页面中通过 <SfDashboardLayout> 配合 <DashboardLayoutPanels> 与 <DashboardLayoutPanel> 定义面板,并设置 Columns、CellSpacing 等属性。启用持久化时必须为组件设置唯一 ID。
适用场景:数据分析看板、管理控制台、SEO 监控面板、个人工作区、移动端响应式仪表盘。
限制:资料未提供收费、价格及授权信息;示例代码仅作说明,实际行为以官方 API 参考为准。