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

taskbuilder
• 阅读 145

当以下事件发生时,可能会触发相关前端组件向后台服务发起请求: 4.3.1页面加载时 这种情况主要用于数据查询,在前端页面加载完毕后(页面静态内容渲染完毕),会自动判断页面里的每个前端组件是否设置了数据查询操作,如果设置了,则自动请求相应的后台服务进行数据查询,并将查询结果绑定到组件内,例如数据表格组件、表单组件、下拉列表组件、数据卡片组件、树形组件等,但数据表格组件如果在属性里设置了“不自动加载数据”,则不会自动加载,需要用脚本手动加载数据,主要是用于一些特殊场景,例如页面里通过选项卡组件放置了多个数据表格,除了第一个选项卡的数据表格需要自动加载,其他选项卡的数据表格可以在点击对应的选项卡后再通过脚本手动加载,这样可以加快页面打开速度,不用每次都加载所有选项卡中的列表数据。 4.3.2表单提交时 这种情况主要用于数据添加和修改,在表单组件里放置各种输入项,然后设置好表单的数据提交参数,点击确定按钮时,调用表单组件的 submit() 方法,就可以将表单里各个输入项的数据提交给对应的后台服务,实现数据添加或修改服务。 4.3.3点击删除按钮时 数据表格组件和树形组件都提供了数据删除的功能,在这两个组件的属性里设置好数据删除有关的参数后,就可以实现点击删除按钮时,删除指定行或节点的数据,具体的设置方法后面会详细介绍。 4.3.4关联输入项的值发生变化时 如果前端页面里的服务请求组件设置的请求参数中,有类型为“组件值”的参数,并且服务请求组件启用了“参数变化时自动重载”,则当请求参数里设置的这些组件的值发生变化时,就会触发该服务请求组件重新发起请求。例如数据列表页面,数据表格组件的数据查询设置里,请求参数关联了页面上的查询条件输入项,则当这些输入项的值发生变化时,就会将这些查询条件的值发送给后台服务进行重新查询,然后在列表里显示最新的查询结果。

点赞
收藏
评论区
推荐文章
凝雪探世界 凝雪探世界
4年前
js-Answers二
前端框架相关什么是单页面应用(SPA)?单页面应用(SPA)是指用户在浏览器加载单一的HTML页面,后续请求都无需再离开此页目标:旨在用为用户提供了更接近本地移动APP或桌面应用程序的体验。流程:第一次请求时,将导航页传输到客户端,其余请求通过RESTAPI获取JSON数据实现:数据的传输通过
Stella981 Stella981
3年前
JavaScript——页面相关事件
页面事件是在页面加载或改变浏览器的大小、位置,以及对页面中的滚动条进行操作时,所触发的事件处理程序。加载与卸载事件加载事件(onload)是在网页加载完毕后触发相应的事件处理程序,它可以在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。卸载事件(unload)是在卸载网页时触发相应的事件处理程序,卸载网页是指关闭当前页或
taskbuilder taskbuilder
3个月前
TaskBuilder内设置任擎服务器
TaskBuilder内设置任擎服务器在使用TaskBuilder进行软件开发时,必须要先连接到任擎服务器(后续文档所说的服务器如果不特别注明,皆指任擎服务器)才能继续操作,因为使用TaskBuilder开发所需的数据模型、后台服务和前端页面等文件都存放在
taskbuilder taskbuilder
3个月前
创建学员信息列表页面
4、创建学员信息列表页面在TaskBuilder的项目资源管理器内,点击学员管理项目节点(xygl)里的“前端文件”子节点右侧的加号:会弹出如下所示的前端资源创建向导的对话框:在该对话框中选择“数据查询TFP”,资源名称会自动设置为:index(这里建议不
taskbuilder taskbuilder
2个月前
TaskBuilder前端页面UI界面设计
TaskBuilder前端页面UI界面设计为了方便大家快速设计前端页面的UI界面,TaskBuilder提供了可视化的UI界面设计器,在该设计器内,可以从左侧的组件库中拖拽组件到页面上实现组件的添加,TaskBuilder提供了几十种丰富的UI组件,分为容
taskbuilder taskbuilder
2个月前
TaskBuilder前端请求后台服务的方式
TaskBuilder前端请求后台服务的方式在TaskBuilder的前端页面设计器的组件库里,有一个名为“服务请求”的不可视组件,它是前后端沟通的桥梁,前端页面都是通过这个组件来实现与后台服务的通信,在这个组件的属性里可以设置具体要请求的后台服务的路径,
taskbuilder taskbuilder
2个月前
TaskBuilder客户端请求后台服务的流程
前面介绍了很多关于前端页面和后台服务的知识,那前端和后台到底是怎么通信的呢,下面给大家详细介绍一下,整体流程如下图所示:上图中各个环节的详细说明如下:1、前端页面通过“服务请求”组件向任擎服务器发送服务请求,指定要请求的服务路径,并提供相关的请求参数;2、
taskbuilder taskbuilder
2个月前
TaskBuilder前后端通讯的数据格式
TaskBuilder前后端通讯的数据格式用TaskBuilder开发的应用,前后端传输的数据都是JSON格式的。4.5.1前端页面向后台服务发送的数据格式前端页面通过“服务请求”组件发送给任擎后台服务的数据是JSON格式的,示例如下:"service":
taskbuilder taskbuilder
1个月前
TaskBuilder数据添加页面前后端交互原理解析
在TaskBuilder内打开学员管理项目前端文件里的add.tfp页面,下面以这个文件为例介绍一下数据添加页面如何实现前后端的数据交互。如果要将页面里输入项的数据提交到后台,需要将这些输入项都放到表单组件中,然后通过表单组件实现数据的统一提交,具体原理如
小万哥 小万哥
1年前
AJAX 前端开发利器:实现网页动态更新的核心技术
AJAXAJAX是开发者的梦想,因为你可以:在不重新加载页面的情况下更新网页在页面加载后请求来自服务器的数据在页面加载后接收来自服务器的数据在后台向服务器发送数据HTML页面html让AJAX更改这段文字更改内容HTML页面包含一个部分和一个部分用于显示来
taskbuilder
taskbuilder
Lv1
免费开源的企业级低代码开发工具,研发团队任讯信息参与低代码国家标准编制
文章
47
粉丝
0
获赞
0