SuperAPI AI 工具集

syncfusion-aspnetcore-popups

通用与其它

查看项目

更新于 10-16 01:08

技能介绍

用途:本技能文档指导在 ASP.NET Core 应用中使用 Syncfusion 弹出类 UI 组件,包含 Dialog 对话框、预定义对话框与 Tooltip 工具提示,覆盖安装配置、属性定制与常见用法。

主要能力与使用方式:

  1. Dialog:通过 <ejs-dialog> Tag Helper 声明式使用。支持模态(isModal)、标题(header)、宽高、拖动(allowDragging)、缩放(enableResize)、关闭图标(showCloseIcon)、Esc 关闭(closeOnEscape)、定位(<e-dialog-position>)、动画(<e-dialog-animationsettings>)、按钮(<e-dialog-buttons>)、模板、RTL 等。需在布局中引入样式与脚本,并放置 <ejs-scripts>。
  2. 预定义对话框:非 Tag Helper,需用 JavaScript 调用 ej.popups.DialogUtility.alert() / confirm() 等,支持 title、content、width、position、animationSettings、isDraggable、okButton/cancelButton、showCloseIcon、closeOnEscape 等。
  3. Tooltip:通过 <ejs-tooltip> 使用,支持 content、target 多目标、12 种 position、opensOn(Hover/Click/Focus/Custom)、isSticky、mouseTrail、showTipPointer、tipPointerPosition、延迟、偏移、动画、cssClass、RTL、HTML 清洗等,并提供 open()/close()/refresh()/destroy()/dataBind() 方法与多类事件。

适用场景:表单确认、删除确认、提示与信息展示、输入弹窗、按钮或图标悬停说明等交互界面。

限制:资料未提供具体授权、价格、平台或性能数据;文档说明部分旧属性无效(如 is-hidden 改用 visible="false",position-x/position-y 改用 <e-dialog-position>,allow-resizing 改用 enable-resize),max-height、max-width、min-width 不受支持。具体安装步骤、NuGet 包配置与完整 API 需参见各 references 文档。