处理微件生命周期与数据绑定

学习目标

  • 实现生命周期处理,并使用数据绑定将自定义微件连接到 SAP Analytics Cloud 数据模型。

集成生命周期函数

SAP Analytics Cloud 控制自定义微件的生命周期。生命周期函数会在微件被更新、调整大小或销毁时调用。这些函数称为自定义微件生命周期函数,例如:

  • onCustomWidgetResize

  • onCustomWidgetBeforeUpdate

  • onCustomWidgetAfterUpdate

  • onCustomWidgetDestroy

每当微件的状态发生变化(例如大小、属性或数据),SAP Analytics Cloud 就会在 Web Component 中触发特定的生命周期函数。

练习

在本练习中,你将实现选定的生命周期函数,并观察微件在大小变化时的反应。

你将:

  1. 修改 main.js 文件,为自定义微件添加生命周期处理

  2. 将自定义微件上传到 SAP Analytics Cloud

  3. 通过更改微件大小来测试它

结果

微件能够正确响应由 SAP Analytics Cloud 触发的生命周期事件。

ExerciseStart Exercise(SAP 官方交互式练习)

添加数据绑定

数据绑定使自定义微件能够访问数据模型中的数据。它将微件与构建器面板(Builder Panel)中所选的维度和度量连接起来。

要启用数据绑定,以下两者都必须更新:

元数据(JSON) ,以及

JavaScript 实现 必须更新。

练习

在本练习中,你将配置数据绑定,并在自定义微件内部显示绑定的数据。

你将:

  1. 修改 main.js 和 index.json 文件

  2. 将这些文件上传到 SAP Analytics Cloud

  3. 通过构建器面板为自定义微件设置数据绑定

  4. 查看在自定义微件内部显示的绑定数据

结果

自定义微件接收并处理来自 SAP Analytics Cloud 中现有数据模型的数据。

ExerciseStart Exercise(SAP 官方交互式练习)

摘要

自定义微件会响应由 SAP Analytics Cloud 触发的生命周期事件,例如调整大小或更新。

通过实现生命周期方法,开发者可以控制微件何时以及如何更新。

数据绑定将微件连接到 SAP Analytics Cloud 数据模型,使其能够访问并显示结构化数据。