组件通用属性

1. 功能概述

组件通用属性是每个组件中都包含的一组基本属性。

属性 说明
标题 设置控件的显示名称。
标题显示 设置标题是否显示及显示位置。
标题宽度 设置标题的宽度。
标题对齐 设置标题的对齐方式:左、中、右、两端。
占位提示 有输入框的录入类控件可以设置占位提示文字。
计算值 可通过表达式设置控件的值,一般设置了计算值的控件都会设置为只读状态,即不允许手动输入。
默认值 可通过表达式设置控件的默认值,默认值仅初始加载时生效。
必填校验 设置控件是否需要必填,保存数据时会做校验提示。
功能权限 开启功能权限表示将该控件注册到权限中心,然后在角色权限中可以给不同角色授予该控件不同的权限。
状态 控件在运行态呈现的效果。
正常:运行态正常显示, 控件基本功能正常使用
只读:运行态不可编辑, 仅展示控件的数据
禁用:运行态不可编辑,呈现禁用的UI样式
隐藏:运行态不显示,隐藏时不会影响该控件的数据
状态的优先级为正常<只读<禁用<隐藏。当控件嵌套控件时,运行态是按控件状态优先级来呈现的。
比如分组控件中添加单行文本控件,分组控件设置为隐藏,单行文本控件设置为正常,因为隐藏状态的优先级最大,所以运行态单行文本控件是隐藏状态。
控件名称 默认显示控件标题。在页面大纲、表达式等其他引用控件的地方,都是使用的控件名称。
唯一标识 每个控件在该页面中都有唯一标识,通过PC转移动生成页面,PC端的控件和移动对应控件的唯一标识是相同的。
描述信息 控件tips提示,填写后将在控件固定位置生成提示图标,鼠标hover展示描述信息。
1718258818075

2、功能介绍

2.1 编辑表达式

当需要输入属性值时,可以直接在输入框中手动输入,实现内容的静态展示。也可以通过编辑表达式,实现内容的动态展示。

还可以通过设置条件表达式,实现满足不同条件时,显示不同的值,值可以手动输入或表达式输入。表达式详细介绍请参考XXXXXX

1718247249446
1718247212938

1718246839606

1718247309001

2.2 控件属性批量设置

批量选中组件时,可在顶部对控件属性进行批量设置。

1726122729607

3、操作示例

3.1 实现控件动态显隐

3.1.1 场景描述

当已婚时,需填写配偶信息,否则隐藏配偶信息。

3.1.2 准备工作

已有页面,页面有两个控件:是否已婚[布尔]、配偶姓名[单行文本]

3.1.3 具体操作

(1) 选中配偶姓名[单行文本],在右侧属性中,“状态"点击fx,进入条件表达式设置。

1718248235082

(2) 在条件表达式设置中,点击"如果"后的输入框,弹出表达式

1718248656025

(3) 条件设置如下图所示

1718248576213
1718248326745

3.1.4 效果展示

1724036166217

1724036204949

3.2 控件数据自动计算

3.2.1 场景描述

自动计算剩余金额,剩余金额=总金额-已消费金额

3.2.2 准备工作

已有页面,页面上3个货币控件,分别是总金、消费金额、剩余金额

3.2.3 具体操作

(1)选中剩余金额控件, 在右侧属性中,“计算值"点击fx, 编辑表达式

1718258626326

(2)编辑表达式

1718258723336

3.2.4 效果展示
1724034004745

最后修改 September 12, 2024: 3.6操作文档更新 (c3c55bb)