多行输入框
多行输入框
适用场景
多行文本可用于录入较长、较为复杂的内容,可自由的发表意见,提供更多信息,比如意见反馈、填写描述性信息等场景。
属性介绍
属性分类 | 属性名称 | 属性作用 |
---|---|---|
基本属性 | 组件ID | 组件在当前页面的唯一标识。 |
组件标题 | 设置组件的标题显示。可选择常量输入和无标题显示。 | |
提示文案 | 输入框内部指引用户操作的提示性文本。 | |
行数 | 设置输入框的默认行数,行数会控制输入框的高度。 | |
展示方式 | 包含编辑模式、只读模式、文本模式和继承父组件模式。用以组件在不同业务模式下的展示区分。 | |
显示条件 | 当放置在表单组件内部时,用以设置组件的显示条件。支持表达式输入和无。 | |
数据属性 | 选择字段 | 当放置在表单组件内部时,需选择要绑定的表单组件上下文对象中的属性。 |
默认值 | 输入框显示的默认内容。支持常量输入、表达式输入和无。 | |
校验规则 | 必填 | 勾选时生效,设置该输入框为必填。可设置校验提示信息。![]() |
自定义函数 | 勾选时生效,可自定义校验函数。可设置校验提示信息。![]() | |
最小长度 | 勾选时生效,会对输入内容做最小长度校验。有两种校验方式,用户二选一:1.同数据源:按照关联对象属性的长度约束,可指定错误提示。![]() ![]() | |
最大长度 | 勾选时生效,会对输入内容做最大长度校验。有两种校验方式,用户二选一:1.同数据源:按照关联对象属性的长度约束,可指定错误提示。![]() ![]() | |
交互属性 | 值变化 | 用以设置输入内容变化时所要执行的动作。 |
获取焦点 | 设置当输入框获得焦点时所要执行的动作。 | |
失去焦点 | 设置当输入框失去焦点时所要执行的动作。 |
基础功能
多行输入框是一个输入组件,多用于表单组件内部,可以关联表单对象中的属性字段,用以对表单对象内某个属性的赋值操作。基本用法如下:
步骤1: 参照表单组件基本用法,新建表单页面,并且为表单组件选择数据源,绑定上下文(比如绑定已建对象“客户信息”):
步骤 2: 从左侧的组件列表拖动“多行输入框”组件到画布区域表单组件内,然后在右侧多行输入框组件的属性面板设置组件标题、提示文案等基础属性信息:
步骤 3: 为输入框组件关联表单对象字段,如下所示:
步骤 4: 设置校验规则,例如勾选必填,设置提示信息为“请填写通讯地址”:
步骤 5: 配置完以上属性,可设置当输入框内容发生变化、输入框聚焦或者失去焦点时想要执行的动作,例如打开关闭页面、触发已建流程等。
最终运行态组件展示如下:
高级功能
暂无