华为云首页用户手册

华为云Astro轻应用-添加页面事件:实现“显示设备详细信息”

时间：2025-01-26 10:42:26

华为云Astro轻应用

实现“显示设备详细信息”

通过定义“基本信息”区域“设备名称”下拉框的“数据改变”事件，可以实现根据所选设备，在“设备详情”区域显示设备信息。

在“HW__createWorkOrder”页面中，选中“设备名称”下拉框。

图1 添加“数据改变”事件代码
在右侧“事件”页签中，单击“数据改变”后的“+”。

在“添加动作”弹窗的“自定义动作”中，输入如下事件代码。

脚本中加粗斜体内容请替换为实际的命名空间前缀。

let equipment = $model.ref("basicInfo").getData();let equipmentId = equipment.HW__equipmentId__ CS T; let queryEquipParam = {"id" : equipmentId}; $model.ref('equipmentOptions').setData({inputParam: queryEquipParam});$model.ref('equipmentOptions').run().then(function (response) {     if (response.equipment) {        $model.ref("equipmentInfo").setData(response.equipment);    }});