组件通用属性
少于1分钟
1. 功能概述
组件通用属性是每个组件中都包含的一组基本属性。
属性 | 说明 |
---|---|
标题 | 设置控件的显示名称。 |
标题显示 | 设置标题是否显示及显示位置。 |
标题宽度 | 设置标题的宽度。 |
标题对齐 | 设置标题的对齐方式:左、中、右、两端。 |
占位提示 | 有输入框的录入类控件可以设置占位提示文字。 |
计算值 | 可通过表达式设置控件的值,一般设置了计算值的控件都会设置为只读状态,即不允许手动输入。 |
默认值 | 可通过表达式设置控件的默认值,默认值仅初始加载时生效。 |
必填校验 | 设置控件是否需要必填,保存数据时会做校验提示。 |
功能权限 | 开启功能权限表示将该控件注册到权限中心,然后在角色权限中可以给不同角色授予该控件不同的权限。 |
状态 | 控件在运行态呈现的效果。 正常:运行态正常显示, 控件基本功能正常使用 只读:运行态不可编辑, 仅展示控件的数据 禁用:运行态不可编辑,呈现禁用的UI样式 隐藏:运行态不显示,隐藏时不会影响该控件的数据 状态的优先级为正常<只读<禁用<隐藏。当控件嵌套控件时,运行态是按控件状态优先级来呈现的。 比如分组控件中添加单行文本控件,分组控件设置为隐藏,单行文本控件设置为正常,因为隐藏状态的优先级最大,所以运行态单行文本控件是隐藏状态。 |
控件名称 | 默认显示控件标题。在页面大纲、表达式等其他引用控件的地方,都是使用的控件名称。 |
唯一标识 | 每个控件在该页面中都有唯一标识,通过PC转移动生成页面,PC端的控件和移动对应控件的唯一标识是相同的。 |
描述信息 | 控件tips提示,填写后将在控件固定位置生成提示图标,鼠标hover展示描述信息。 |
2、功能介绍
2.1 编辑表达式
当需要输入属性值时,可以直接在输入框中手动输入,实现内容的静态展示。也可以通过编辑表达式,实现内容的动态展示。
还可以通过设置条件表达式,实现满足不同条件时,显示不同的值,值可以手动输入或表达式输入。表达式详细介绍请参考XXXXXX
2.2 控件属性批量设置
批量选中组件时,可在顶部对控件属性进行批量设置。
3、操作示例
3.1 实现控件动态显隐
3.1.1 场景描述
当已婚时,需填写配偶信息,否则隐藏配偶信息。
3.1.2 准备工作
已有页面,页面有两个控件:是否已婚[布尔]、配偶姓名[单行文本]
3.1.3 具体操作
(1) 选中配偶姓名[单行文本],在右侧属性中,“状态"点击fx,进入条件表达式设置。
(2) 在条件表达式设置中,点击"如果"后的输入框,弹出表达式
(3) 条件设置如下图所示
3.1.4 效果展示
3.2 控件数据自动计算
3.2.1 场景描述
自动计算剩余金额,剩余金额=总金额-已消费金额
3.2.2 准备工作
已有页面,页面上3个货币控件,分别是总金、消费金额、剩余金额
3.2.3 具体操作
(1)选中剩余金额控件, 在右侧属性中,“计算值"点击fx, 编辑表达式
(2)编辑表达式