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

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

4.3.1页面加载时

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

4.3.2表单提交时

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

4.3.3点击删除按钮时

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

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

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

相关推荐
梵得儿SHI20 分钟前
Vue 项目实战与性能优化全攻略:从代码、渲染到首屏,一站式解决卡顿慢加载
前端·vue.js·性能优化·vite·前端面试·前端优化·首屏优化
ShyanZh23 分钟前
【skill】HTML PPT Skill:用 Claude Code 一句话生成专业演示文稿
前端·ai·html·powerpoint·skill
AI视觉网奇29 分钟前
three教学 3d资产拼接源代码
前端·css·css3
程序猿阿伟1 小时前
《Chrome标签组搭建多任务高效浏览指南》
前端·chrome
2601_958352901 小时前
双麦 DSP 音频模块实战:一文梳理 A-68 在全行业场景的声学解决方案与落地要点
前端·嵌入式硬件·音视频·语音识别·降噪消回音·音频处理模块
智码看视界2 小时前
老梁聊全栈:JavaScript 原型链深入探索对象继承的奥秘
前端·javascript·ecmascript
布朗克1682 小时前
39 Spring Boot Web实战
前端·spring boot·后端·实战
纽格立科技2 小时前
DRM 发射端链路图(上)
前端·人工智能·车载系统·信息与通信·传媒
云水一下2 小时前
Vue.js从零到精通系列(七):高级特性实战——Teleport、异步组件、自定义指令与TypeScript深度结合
前端·vue.js·typescript
qq4356947012 小时前
Vue05
前端·vue.js