Syncfusion ASP.NET Core Spinner 是一个轻量级的加载指示器,显示在目标元素上方,用于在异步处理期间向用户提供视觉反馈。当用户需要展示异步操作(如 API 调用、文件上传)的加载指示器、展示进度反馈以避免用户误认为应用已冻结、阻止用户与页面特定区域的交互、用颜色/主题/模板自定义指示器外观、为指示器叠加层指定目标元素、管理指示器生命周期(创建、显示、隐藏、销毁)或应用不同指示器类型(Material、Fabric、Bootstrap 主题)时,可以使用本技能。
主要能力:指示器以叠加层形式出现在目标元素上,居中渲染;在可见期间阻止用户与目标交互;支持基于主题的样式(Material、Fabric、Bootstrap);可使用自定义 HTML 模板实现品牌化指示器;轻量且性能良好。
使用方式:核心方法包括 createSpinner(config) 初始化指示器、showSpinner(target) 显示、hideSpinner(target) 隐藏、setSpinner(config) 设置类型或模板。注意 setSpinner() 必须在 createSpinner() 之前调用才能生效。入门步骤包括安装与前置设置、添加 Syncfusion 样式表和脚本资源、用 createSpinner() 创建第一个指示器、用 showSpinner() 和 hideSpinner() 显示与隐藏、定位特定页面元素。类型与配置方面支持 Material、Fabric、Bootstrap、Bootstrap4、High Contrast 等类型,可用 setSpinner() 切换,并可在组件创建前进行配置。样式与定制方面提供各主题的 CSS 定制模式、修改描边颜色与外观、使用 CSS 变量和自定义样式。自定义模板部分介绍创建自定义指示器模板、配合 setSpinner() 使用模板配置、自定义 HTML 与 SVG 模板、模板作用域与初始化顺序以及为自定义模板设置样式。
适用场景:从服务器加载数据时显示指示器、文件上传进度、网格数据绑定等异步操作场景。常见模式包括表单提交配合指示器、多个异步操作、基于主题的指示器等。
限制:资料未提供具体收费、价格信息;引用文档包括 references/getting-started.md、references/spinner-types.md、references/styling-customization.md、references/templates.md、references/configuration-methods.md,更多组件信息可参见主库指南。