Skip to main content

单行输入框

单行输入框

适用场景

适用于需要输入或查看较短、较为简单的内容,占用较少的空间,整齐简洁,比如录入客户信息、查看录入结果等场景。

属性介绍

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

基础功能

单行输入框组件是一个输入组件,用以输入或查看单行文本,需要与表单等组件一起使用。基本用法如下:

步骤1: 新建标准页面,如下所示:

img

步骤 2: 然后从左侧的组件列表拖动“表单”组件到画布区域,然后在右侧表单组件的属性面板中选择数据源,比如选择上下文:

img

步骤 3: 在选择对象属性中,点击后,可从弹窗中选择需要在该表单中展示的对象,比如“客户信息”。

img

步骤 4: 将单行输入框组件拖入表单区域内,并在右侧设置输入框的关联字段:

img

img

步骤 5: 配置单行输入框的其它选项,比如标题、是否必填、最大最小长度等。至此单行输入框已完成配置,更进一步的操作需要参考1.1节表单的使用。

高级功能

暂无