Blazor TextArea概述

的TelerikBlazor TextArea组件是一个高度可定制的多行文本输入区域。它提供了根据用户输入自动调整大小等功能事件响应用户操作。

为Blazor Ninja图像的Telerik UI

TextArea组件是为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

正在创建Blazor文本区域

  1. 添加< TelerikTextArea >标记到Razor文件。
  2. 设置价值的参数。字符串对象。它支持单向和双向绑定。
  3. (可选)设置AutoSize属性根据用户输入调整TextArea的高度。

具有双向值绑定的基本TextArea

 

TextArea值:@TextAreaValue

@code{公共字符串TextAreaValue {get;设置;}}

外观

TextArea组件提供了控制其外观的设置。阅读更多关于Blazor TextArea外观设置的信息

事件

Blazor TextArea启动模糊和价值改变响应用户操作的事件。阅读更多关于Blazor TextArea事件的信息

TextArea参数

Blazor TextArea提供了各种参数来配置组件:

参数 类型及默认值 描述
价值 字符串 获取/设置输入的值,可用于绑定。
自动完成 保龄球 映射到HTML的自动完成属性textarea > <
字符串 控件上要呈现的自定义CSS类< span class = " k-textarea”>元素。
AutoSize 保龄球 指定TextArea是否根据用户输入调整其高度。
DebounceDelay int 指定从最后键入的符号到值更新之间的时间(以毫秒为单位)。缺省值是150ms。
启用 保龄球
真正的
是否启用TextArea。
Id 字符串 渲染为id属性。textarea > <元素,所以你可以附加一个<标签= " " >
标签 字符串 标签元素呈现在textarea > <向用户提供有关其用途的信息。它以类似于占位符的方式覆盖输入,并在焦点上向上浮动动画。如果您不想要这种效果或它引起的高度增加,请使用Id参数来附加您自己的<标识>标签。
的名字 字符串 的名字HTML元素的属性。这通常是必需的,所以自动完成将受到浏览器的尊敬。
占位符 字符串 一个字符串映射到占位符HTML元素的属性。如果一个标签定义,则在输入未聚焦时将显示它而不是占位符。
TabIndex Nullable < int > 映射到tabindexHTML元素的属性。控件的焦点,您可以使用它自定义表单中的输入的焦点顺序选项卡关键。
标题 字符串 映射到标题HTML元素的属性。你可以用它来添加一个工具提示
ValidateOn ValidationEvent枚举
输入
配置将触发验证的事件(如果启用了验证)。更多信息请访问简单输入的验证模式
宽度 字符串 组件宽度。看到.的宽度参数没有默认值,但主题应用宽度:100%风格。

看到输入验证篇文章。

下一个步骤

另请参阅

在本文中
Baidu
map