Ant Design Blazor
Mentions提及
提及组件。
何时使用
用于在输入中提及某人或某事，常用于发布、聊天或评论功能。
Examples
基本使用
受控模式，例如配合 Form 使用。
通过 disabled 属性设置是否生效。通过 readOnly 属性设置是否只读。
自定义文本区域的呈现。最常见的用例是使用 TextArea 组件。
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 | 属性Dynamically load mention options for display when the user types a value after the prefix symbol | Func<String, CancellationToken, Task<IEnumerable<MentionsDynamicOption>>> | -- |
| TextareaTemplate | 属性 | RenderFragment<MentionsTextareaTemplateOptions> | -- |
| Prefix | 属性Gets or sets the prefix used to identify special commands or keywords, split by ',' (e.g. "@,#"). | String | -- |
| OnSearch | 属性Triggered when searching with prefix | EventCallback<ValueTuple<String, String>> | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| GetMentionNames() | List<ValueTuple<String, String>> | |
| PrevOption() | void | |
| NextOption() | void | |
| EnterOption() | Task |
MentionsOption API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| Value | 属性option 的值。 | String | -- |
| ChildContent | 属性选项的内容。 | RenderFragment | -- |
| Hidden | Boolean | -- | |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |