事件操作
事件操作
一些组件有事件属性可以配置,比如按钮有点击事件,表单容器有提交完成事件,多选框组有值切换事件等。事件的触发方式不同,但是可以配置的逻辑是相同的。
操作类型
1. 接口操作
接口操作用于向后端发起请求,点击接口操作之后可以选择自己设计的后端逻辑。事件触发之后,就会向设计的后端接口发起请求。
用法举例:
点击按钮使表单容器提交数据:
如下图,将按钮设计点击事件,绑定后端逻辑的新增接口。接口的参数绑定表单容器中对应的组件的值。就能实现点击提交数据了。

2. 组件操作
组件操作,如字面意思。可以操作页面上的组件。且不同的组件可以进行不同的操作。如下图,表格容器组件可以进行加载、移除数据等。按钮组件可以选择触发他的点击事件、文本输入框组件可以选择对它进行赋值。

或是配置对话框,抽屉等组件的打开或者关闭事件:

用法举例:
点击按钮让表格加载刚刚请求拿到的数据:
例如在做学生的成绩管理系统时,表格初始化加载成绩大于60分的同学。同时你需要一个按钮,点击之后,再加载成绩在60分以下的同学。这时候就可以用到。
如下图,我在按钮的点击事件里面配置了两个动作。动作一,向后端发请求拿到想拿的数据。动作二,对表格容器进行属性赋值,选择动作回调数据,将动作一拿到的数据赋值上去。

3. 框架操作
框架操作一般用于处理页面之间的跳转。如下图,能选择四个选项。
新窗口打开是在浏览器新建一个标签页来打开你配置的页面。
当前窗口打开是就在你所访问的页面打开你配置的页面,会将你现在访问的页面覆盖掉。
返回/关闭是返回你上一个访问的页面,需要有路由记录。
更新页面数据是重新加载你所访问的页面。

用法举例:
点击表格容器中的添加按钮,跳转到新增数据的页面:
如下图,我在表格容器的右上角配置了一个按钮,点击了之后就会在当前窗口打开我配置的页面BookAdd,该页面可以用来新增数据,这是一种很常见的做法,很多后台管理系统中都会用到。
