TaskBuilder触发前端组件请求后台服务的常见事件

当以下事件发生时,可能会触发相关前端组件向后台服务发起请求:

4.3.1页面加载时

这种情况主要用于数据查询,在前端页面加载完毕后(页面静态内容渲染完毕),会自动判断页面里的每个前端组件是否设置了数据查询操作,如果设置了,则自动请求相应的后台服务进行数据查询,并将查询结果绑定到组件内,例如数据表格组件、表单组件、下拉列表组件、数据卡片组件、树形组件等,但数据表格组件如果在属性里设置了"不自动加载数据",则不会自动加载,需要用脚本手动加载数据,主要是用于一些特殊场景,例如页面里通过选项卡组件放置了多个数据表格,除了第一个选项卡的数据表格需要自动加载,其他选项卡的数据表格可以在点击对应的选项卡后再通过脚本手动加载,这样可以加快页面打开速度,不用每次都加载所有选项卡中的列表数据。

4.3.2表单提交时

这种情况主要用于数据添加和修改,在表单组件里放置各种输入项,然后设置好表单的数据提交参数,点击确定按钮时,调用表单组件的 submit() 方法,就可以将表单里各个输入项的数据提交给对应的后台服务,实现数据添加或修改服务。

4.3.3点击删除按钮时

数据表格组件和树形组件都提供了数据删除的功能,在这两个组件的属性里设置好数据删除有关的参数后,就可以实现点击删除按钮时,删除指定行或节点的数据,具体的设置方法后面会详细介绍。

4.3.4关联输入项的值发生变化时

如果前端页面里的服务请求组件设置的请求参数中,有类型为"组件值"的参数,并且服务请求组件启用了"参数变化时自动重载",则当请求参数里设置的这些组件的值发生变化时,就会触发该服务请求组件重新发起请求。例如数据列表页面,数据表格组件的数据查询设置里,请求参数关联了页面上的查询条件输入项,则当这些输入项的值发生变化时,就会将这些查询条件的值发送给后台服务进行重新查询,然后在列表里显示最新的查询结果。

相关推荐
珑墨8 分钟前
前端 AI 开发通用skill
前端
kyriewen10 分钟前
一个人+Cursor,7天上线付费小程序:第1天我就想放弃了
前端·微信小程序·cursor
大家的林语冰15 分钟前
Angular 王者归来,第 22 个主版本亮相,一大波前沿技术再度引领潮流!
前端·javascript·前端框架
老毛肚29 分钟前
jeecgboot TS + Vue 模板化 03
前端·javascript·vue.js
下北沢美食家32 分钟前
SSE 入门
前端
云计算磊哥@32 分钟前
运维开发宝典023-WEB网站服务
运维·前端·运维开发
加点油。。。。1 小时前
【1.Obsidian渲染html文件】
前端·html·obsidian
ZFSS1 小时前
BYOK(自带密钥)使用指南
运维·服务器·前端·人工智能·midjourney
AI_零食1 小时前
呼吸灯 - 通过鸿蒙PC Electron框架技术完成-在焦虑时代守护每一次呼吸的数字禅修
前端·javascript·华为·electron·前端框架·鸿蒙
佛山个人技术开发1 小时前
高端旅游风景区酒店民宿网站模板 自适应宽屏文旅酒店源码
前端·html5·旅游