华为云首页用户手册

APPCUBE-如何自定义动作:自定义动作参数说明

APPCUBE-如何自定义动作:自定义动作参数说明

时间：2023-11-01 16:15:31

APPCUBE 交互设置

自定义动作参数说明

在自定义动作中，可以获取到eventParam、data和$pageStore三个参数。

eventParam：组件传递出的参数。
以日期选择器组件为例，介绍如何获取eventParam。
1. 在页面中，拖入一个日期选择器组件到画布中。
  图2 拖拽日期选择器到画布中
2. 选中日期选择器，单击，进入交互设置页面。
3. 按照下图，设置自定义动作。
  图3 设置自定义动作
```
/* * 可以像示例这样获取到组件对象，然后编写js代码 * 示例中表示，触发当前事件后，会隐藏组件widget16 * 帮助文档：https://support.huaweicloud.com/usermanualdmax-appcube/appcube_05_7025.html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore: 保存页面中全局变量的对象 */// {widget16}.hideWidget()console.log(eventParam);console.log(data);console.log($pageStore);
```
4. 单击页面上方的，保存页面。
5. 单击，在预览页面，设置日期选择器的开始时间和结束时间。
6. 设置完成后，按F12，在“Console”页签，即可获取eventParam（第一个Object中）。
data：保存最详细的动作信息对象。
“Console”页签中的第二个Object，即为data。
$pageStore：保存页面中全局变量的对象。
如果在全局变量中，配置了一个field变量，并设置默认值为1。在自定义动作中，通过打印$pageStore（如图3），可以获取到全局变量。

图4 定义全局变量field

“Console”页签中的第三个Object，即为$pageStore。

上一篇：APPCUBE-IOTDA数据源:操作步骤

下一篇：APPCUBE-IOTDA数据源:操作步骤

新客秒杀 2核2G 3M L实例

68元/年

普惠上云领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元随心购

1元/年起

APPCUBE-如何自定义动作:自定义动作参数说明

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题