Skip to main content

多行输入框

多行输入框

适用场景

多行文本可用于录入较长、较为复杂的内容,可自由的发表意见,提供更多信息,比如意见反馈、填写描述性信息等场景。

属性介绍

属性分类属性名称属性作用
基本属性组件ID组件在当前页面的唯一标识。
组件标题设置组件的标题显示。可选择常量输入和无标题显示。
提示文案输入框内部指引用户操作的提示性文本。
行数设置输入框的默认行数,行数会控制输入框的高度。
展示方式包含编辑模式、只读模式、文本模式和继承父组件模式。用以组件在不同业务模式下的展示区分。
显示条件当放置在表单组件内部时,用以设置组件的显示条件。支持表达式输入和无。
数据属性选择字段当放置在表单组件内部时,需选择要绑定的表单组件上下文对象中的属性。
默认值输入框显示的默认内容。支持常量输入、表达式输入和无。
校验规则必填勾选时生效,设置该输入框为必填。可设置校验提示信息。img
自定义函数勾选时生效,可自定义校验函数。可设置校验提示信息。img
最小长度勾选时生效,会对输入内容做最小长度校验。有两种校验方式,用户二选一:1.同数据源:按照关联对象属性的长度约束,可指定错误提示。img 2.自定义:自定义长度范围和错误提示。img
最大长度勾选时生效,会对输入内容做最大长度校验。有两种校验方式,用户二选一:1.同数据源:按照关联对象属性的长度约束,可指定错误提示。img 2.自定义:自定义长度范围和错误提示。img
交互属性值变化用以设置输入内容变化时所要执行的动作。
获取焦点设置当输入框获得焦点时所要执行的动作。
失去焦点设置当输入框失去焦点时所要执行的动作。

基础功能

多行输入框是一个输入组件,多用于表单组件内部,可以关联表单对象中的属性字段,用以对表单对象内某个属性的赋值操作。基本用法如下:

步骤1: 参照表单组件基本用法,新建表单页面,并且为表单组件选择数据源,绑定上下文(比如绑定已建对象“客户信息”):

img

步骤 2: 从左侧的组件列表拖动“多行输入框”组件到画布区域表单组件内,然后在右侧多行输入框组件的属性面板设置组件标题、提示文案等基础属性信息:

img

步骤 3: 为输入框组件关联表单对象字段,如下所示:

img

步骤 4: 设置校验规则,例如勾选必填,设置提示信息为“请填写通讯地址”:

img

步骤 5: 配置完以上属性,可设置当输入框内容发生变化、输入框聚焦或者失去焦点时想要执行的动作,例如打开关闭页面、触发已建流程等。

img

最终运行态组件展示如下:

img

高级功能

暂无