跳到内容
+

事件处理

用户操作创建事件,这些事件在 Toolpad Studio 中以两种方式处理。

JS 表达式操作

某些组件具有事件处理程序属性,例如 Button 组件及其 onClick 属性,该属性在按钮被点击时触发。您可以在事件触发时运行任意 JavaScript 代码,包括操作页面上其他组件的状态。

一些事件处理场景

更改组件状态

调用查询

您可以按顺序调用单个或多个查询,以获取页面上的数据或在后端运行操作。

单个查询

Binding editor

从查询中获取数据

多个查询

使用控制台选项

自定义函数允许您在编辑器中编写自定义代码。您可以编写一个 console.log 语句,该语句与页面上的数据交互并打印日志。

当事件发生时,也可以导航到应用程序的不同页面。

导航操作的绑定编辑器允许您选择要转到的页面,以及为目标页面支持的任何 页面参数 设置值。

您还可以将页面参数值绑定到源页面的页面状态。

onClick navigation

点击导航 (1/2)

onClick navigation

点击导航 (2/2)