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

Switch开关

开关选择器。

何时使用

  • 需要表示开关状态/两种状态之间的切换时;
  • checkbox的区别是,切换 switch 会直接触发状态改变,而 checkbox 一般用于状态标记,需要和提交操作配合。

Examples

最简单的用法。

expand code expand code

带有文字和图标。

expand code expand code

标识开关操作仍在执行中。

expand code expand code

Switch 失效状态

expand code expand code

size="small" 表示小号开关。

expand code expand code

Switch 的状态完全由用户接管,不再自动根据点击事件改变数据。

expand code expand code

Switch API#

属性 描述 类型 默认值
Loading 属性开关是否正在加载。为真时将在手柄上显示微调器。 Boolean false
CheckedChildren 属性选中时开关内显示的字符串为真 String --
CheckedChildrenTemplate 属性勾选为真时开关内显示的内容。优先于 AntDesign.Switch.CheckedChildren RenderFragment --
Control 属性为true时,Switch的状态不再根据点击事件自动改变数据。 Boolean false
OnClick 属性单击开关时执行的回调。当与 AntDesign.Switch.Control 结合使用时,它允许手动控制 Switch。 EventCallback --
UnCheckedChildren 属性选中时在开关内显示的字符串为 false。 String --
UnCheckedChildrenTemplate 属性勾选时switch内部显示的内容为false。优先于 AntDesign.Switch.UnCheckedChildren RenderFragment --
AutoFocus 属性是否自动对焦输入 Boolean false
Checked 属性输入是否被选中 Boolean false
OnChange 属性输入改变时执行的回调 EventCallback<Boolean> --
CheckedChanged 属性获取或设置更新绑定检查值的回调。 EventCallback<Boolean> --
Disabled 属性禁用输入 Boolean false
ValidationMessages FormItem 的验证消息 String[] --
AdditionalAttributes 属性获取或设置将应用于所创建元素的附加属性的集合。 IReadOnlyDictionary<String, Object> --
Value 属性获取或设置输入的值。这应该与双向绑定一起使用。 Boolean --
ValueChanged 属性更新绑定值的回调。 EventCallback<Boolean> --
ValueExpression 属性标识绑定值的表达式。 Expression<Func<Boolean>> --
ValuesExpression 属性标识可枚举绑定值的表达式。 Expression<Func<IEnumerable<Boolean>>> --
Size 属性输入框的大小。注意:在表单的上下文中,使用“大”尺寸。可用:`大``默认``小` String AntSizeLDSType.Default
CultureInfo 属性将字符串转换为值和将值转换为字符串时将使用什么文化对 InputNumber 组件有用。 CultureInfo CultureInfo.CurrentCulture
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Slider滑动输入条 TimePicker时间选择框
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.