logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Popconfirm气泡确认框

点击元素,弹出气泡式的确认框。

何时使用

目标元素的操作需要用户进一步的确认时,在目标元素附近弹出浮层提示,询问用户。

和 confirm 弹出的全屏居中模态对话框相比,交互形式更轻量。

Examples

最简单的用法。

expand code expand code

位置有十二个方向。如需箭头指向目标元素中心,可以设置 arrowPointAtCenter。

expand code expand code

自定义提示 icon。

expand code expand code

使用 OkText 和 CancelText 或者 Locale 自定义按钮文字。

expand code expand code

可以判断是否需要弹出。

expand code expand code

设置 OkButtonProps 与 CancelButtonProps 属性可修改按钮的基本属性。设为 null 可隐藏按钮。

expand code expand code

Popconfirm API#

属性 描述 类型 默认值
Title 属性标题 String --
TitleTemplate 属性标题。优先于标题。 RenderFragment --
CancelText 属性取消按钮文字 String Cancel
OkText 属性好的按钮文本 String OK
OkType 属性确定按钮类型 ButtonType primary
Locale 属性传递给确定按钮的属性 PopconfirmLocale --
OkButtonProps 属性传递给确定按钮的属性 ButtonProps --
CancelButtonProps 属性传递给取消按钮的属性 ButtonProps --
Icon 属性文字显示的图标 String exclamation-circle
IconTemplate 属性文字显示的图标。优先于图标。 RenderFragment --
OnCancel 属性单击取消按钮时执行的回调 EventCallback<MouseEventArgs> --
OnConfirm 属性单击确定按钮时执行的回调 EventCallback<MouseEventArgs> --
ArrowPointAtCenter 属性将工具提示箭头指向中心 Boolean false
MouseEnterDelay 属性当触发器悬停且鼠标进入时显示 popconfirm 之前的延迟(以秒为单位) Double 0.1
MouseLeaveDelay 属性当触发器悬停且鼠标离开时隐藏 popconfirm 之前的延迟(以秒为单位) Double 0.1
BoundaryAdjustMode 属性覆盖调整策略(例如,当浏览器调整大小时发生)。检查枚举以获取详细信息。 TriggerBoundaryAdjustMode TriggerBoundaryAdjustMode.InView
ChildContent 属性触发器(链接、按钮等) RenderFragment --
ComplexAutoCloseAndVisible 属性是否需要自动关闭和可见控件关闭。 Boolean false
Disabled 属性触发器是否被禁用。 Boolean false
HiddenMode 属性属性转发到 Overlay 组件。查阅 Overlay 属性以获得更详细的解释。 Boolean false
InlineFlexMode 属性(未在 Unbound 中使用)将包装 div 样式设置为 `display: inline-flex;`。 Boolean false
IsButton 属性表现得像一个按钮:单击时调用 OnClick(除非 OnClickDiv 被覆盖并且不调用 base)。 Boolean false
OnClick 属性单击触发器时的回调 EventCallback<MouseEventArgs> --
OnMaskClick 属性回调 - 相当于触发触发器上的 OnMouseUp 事件。 EventCallback --
OnMouseEnter 属性鼠标进入触发边界时回调。 EventCallback --
OnMouseLeave 属性鼠标离开触发边界时回调。 EventCallback --
OnOverlayHiding 属性overlay 隐藏时的回调。 EventCallback<Boolean> --
OnVisibleChange 属性叠加层可见性发生变化时的回调。请改用 VisibleChanged

Obsolete 将在未来的版本中删除。
EventCallback<Boolean> --
Overlay 属性覆盖内容(激活触发器后将呈现的内容) RenderFragment --
OverlayClassName 属性覆盖容器自定义 css 类。 String --
OverlayEnterCls 属性显示覆盖时添加到覆盖的 Css 类。 String --
OverlayHiddenCls 属性覆盖层隐藏时添加到覆盖层的 Css 类。 String --
OverlayLeaveCls 属性覆盖隐藏时添加到覆盖的 Css 类。 String --
OverlayStyle 属性将添加到覆盖 div 的 Css 样式。 String --
Placement 属性下拉叠加层相对于目标的位置。可以是:上、左、右、下、左上、右上、左下、右下、左上、左下、右上、右下 Placement Placement.BottomLeft
PlacementCls 属性覆盖基于“Placement”参数的默认放置类。 String --
PopupContainerSelector 属性定义什么将成为叠加层的容器。示例用例:当覆盖必须包含在可滚动区域中时。 String body
Trigger 属性触发模式。通过传递数组可以是多个。 Trigger[] TriggerType.Hover
TriggerCls 属性触发器元素 CSS 类。 String ant-dropdown-trigger
TriggerReference 属性手动设置对触发元素的引用。 ElementReference --
Unbound 属性设置了 ElementReference 的 ChildElement 以避免包装 div。 RenderFragment<ForwardRef> --
Visible 属性切换覆盖可行性。 Boolean false
VisibleChanged 属性可见性更改时的回调。 EventCallback<Boolean> --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
方法签名 返回类型 描述
Close() Task 将隐藏叠加层。
IsOverlayShow() Boolean 检查叠加层当前是否处于可见状态。

ButtonProps API#

属性 描述 类型 默认值
Block Boolean --
Ghost Boolean --
Loading Boolean --
Type ButtonType --
Shape ButtonShape --
Size ButtonSize --
Icon String --
Disabled Boolean --
Danger Boolean? --
ChildContent OneOf<String, RenderFragment?? --
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.