在这里插入图片描述

前言

汉得飞搭aPaaS低代码平台(FEIDA,以下简称“飞搭”)是基于低代码理念打造的融合 aPaaS 平台,助力企业快速搭建业务应用。作为 HZERO 生态的重要组成部分,致力于充分融合 HZERO 的各平台能力,提供企业用户在线化灵活搭建业务应用的能力,支撑企业普惠化(低门槛、高协作)、敏态化(高效率)低成本化地快速响应市场变化,加速复杂业务场景落地。

概要介绍

在系统页面中常常会遇到 “通过单据状态控制按钮禁用状态” 、 “根据不同的产品类型执行不同的功能流程” 等场景,而在低代码平台,通过条件可以动态控制组件的显隐、只读等属性,也可以在事件流中动态控制流程走向。

本篇内容将从以下几方面展开:

  • 条件客户端:条件客户端构成介绍。
  • 条件动态控制组件属性:通过条件控制组件是否显示,是否禁用等属性。
  • 条件动态控制组件样式:通过条件控制组件显示不同的样式。
  • 条件动态控制事件流流程:根据条件节点配置的分支条件,选择执行不同的流程分支。

一、条件客户端

在页面设计器中,点击左下角行为属性中的条件可以进入条件客户端。

在这里插入图片描述

条件客户端的左侧为条件列表,点击可以选中条件进行编辑。

右侧上方为表达式编辑区,在此处可以对条件表达式进行编辑。

右侧下方列表中展示了页面组件和取值列表,可选择页面组件元素或取值进行表达式编写,通过运算符可以对条件表达式进行简单的逻辑运算,对于高级的运算还可以通过函数列表插入函数实现。

在这里插入图片描述

当前想要创建一条采购状态为处理中的条件,可以在列表中选择“审批状态-数据域单值-值”插入数据,通过运算符配置一个审批状态等于审批状态值的表达式,这样就完成了条件创建。

二、条件动态控制组件属性

01. 条件控制组件禁用

通过条件可以动态控制组件属性,在采购申请中,可以控制采购申请的审批状态判断:当审批状态为处理中时,单据不允许编辑。

在这里插入图片描述

条件控制的配置非常便捷,仅需要在编辑按钮处的条件中,选择刚刚创建的审批状态为处理中的条件,配置若审批状态为处理中,则禁用按钮。

在预览页面,可以看到处理中状态的采购申请单不能再点击编辑按钮去编辑采购申请详情。

在这里插入图片描述

除禁用外,还有隐藏、只读、必输、配置超链接等多种属性可以通过条件控制。

02. 条件数据范围控制

通过条件可以配置选项字段的数据范围控制。在维护采购订单时,控制当选择一级分类为电子元件时,可以选到电子元件相关的二级分类。

在这里插入图片描述

在选项字段的数据范围控制弹窗内,配置选项类字段的控制条件。在预览页面维护采购订单物料数据时,物料的一级分类选择电子元件后,二级分类可以选择电阻、电容、集成电路。

在这里插入图片描述

通过配置选项字段数据范围控制条件,可以控制数据的选择范围,更多数据范围控制的功能介绍还可以查看往期推文 《飞搭系列 | 数据范围控制助力实现级联选择、数据过滤经典场景》

通过条件可以动态配置页面组件的属性,使页面功能更加完善,满足不同场景下的功能需求。

三、条件动态控制组件样式

通过条件可以动态控制组件样式,在采购申请中,可以根据采购申请的审批状态判断:当审批状态为审批失败时,此时单据显示为红色。

在这里插入图片描述

在样式面板中,选择条件为审批状态已拒绝后再配置当前条件下的样式即可。

在这里插入图片描述

在预览页面可以看到,当审批状态为已拒绝时,审批编号显示为红色。

通过条件可以配置页面在不同条件下显示不同的样式,从而让页面更灵动,页面样式更贴合用户习惯和页面逻辑。

四、条件动态控制事件流流程

在事件流中,通过条件节点可以实现不同的条件执行不同的事件流分支。

在采购申请详情页面,可以在采购申请单提交审批时,判断是否维护了采购申请详细信息,若没有维护,则弹出提示且不允许编辑。

在条件客户端中通过函数维护条件“没有采购申请详细信息”。条件客户端的函数列表预置了常用函数,并提供了提示文字和函数示例,便于函数信息维护。

在这里插入图片描述

然后在事件流中拖入条件节点,配置节点下级分支的条件。

在这里插入图片描述

在预览页面中,当没有维护采购详细信息时,点击提交审批按钮。此时不能成功提交审批,页面弹出提示弹窗。

在这里插入图片描述

通过维护条件节点,飞搭可以实现不同条件下执行不同的流程分支,通过多个节点的组合应用,可以搭建出灵活易用的业务场景。

结语

飞搭低代码平台作为 HZERO 生态的重要组成部分,致力于充分融合 HZERO 的各平台能力,提供企业用户在线化灵活搭建业务应用的能力,支撑企业普惠化(低门槛、高协作)、敏态化(高效率)低成本化地快速响应市场变化,加速复杂业务场景落地。

本篇介绍了条件客户端的构成、条件动态控制组件属性、条件动态控制组件样式和条件在事件流中的运用。通过条件在飞搭中动态配置可以实现多种业务场景,使页面更加灵活易用。

接下来,我们将持续推出飞搭平台专题系列教程,帮助您更好地掌握飞搭平台的使用技巧,敬请期待!


联系我们

1. 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档:
请在PC端打开 👉汉得焱牛开放平台

2. 如果您有疑问或者建议,可以通过开放平台进行工单反馈,问题分类请选择【产品/汉得aPaaS平台-飞搭】:
请在PC端打开👉汉得焱牛开放平台

3. 相关产品咨询或更多信息了解,欢迎联系我们。
邮箱:openhand@vip.hand-china.com

图片

图片

图片

图片

图片

图片

图片


汉得数字平台
1 声望2 粉丝

源于技术,志在四海,HAND融合中台产品交流平台。