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

时间：2025-03-03 11:34:57

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

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

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

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

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

事件代码中，“HW”为命名空间的名称，请根据实际需求进行替换。

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);
    }
});