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

Mentions提及

提及组件。

何时使用

用于在输入中提及某人或某事,常用于发布、聊天或评论功能。

Examples

基本使用

expand code expand code

受控模式,例如配合 Form 使用。

expand code expand code

通过 disabled 属性设置是否生效。通过 readOnly 属性设置是否只读。

expand code expand code

自定义文本区域的呈现。最常见的用例是使用 TextArea 组件。

expand code expand code

匹配内容列表为异步返回时。

expand code expand code

通过 prefix 属性自定义触发字符。默认为 @, 可以定义为数组。

expand code expand code

向上展开建议。

expand code expand code

Mentions API#

属性 描述 类型 默认值
ChildContent 属性 RenderFragment --
Disable 属性 Boolean --
Rows 属性 UInt32 --
Focused 属性 Boolean --
Readonly 属性 Boolean --
Loading 属性 Boolean --
Attributes 属性 Dictionary<String, Object> --
Placeholder 属性 String --
Value 属性 String --
ValueChanged 属性 EventCallback<String> --
LoadOptions 属性动态加载提及选项,以便在用户在 @ 符号后键入值时显示 Func<String, CancellationToken, Task<IEnumerable<MentionsDynamicOption>>> --
TextareaTemplate 属性 RenderFragment<MentionsTextareaTemplateOptions> --
Prefix 属性 String --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
方法签名 返回类型 描述
GetMentionNames() List<String>
PrevOption() void
NextOption() void
EnterOption() Task

MentionsOption API#

属性 描述 类型 默认值
Value 属性option 的值。 String --
ChildContent 属性选项的内容。 RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
InputNumber数字输入框 Radio单选框
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.