Skip to content

画面传参

画面传参允许您将参数从一个画面传递到另一个画面中。

场景举例：有两个电机：电机 1 和电机2。在画面上点击按钮1时，在弹窗中显示电机1的信息；点击按钮2时，在弹窗中显示电机2的信息。可以通过参数将电机的编号传递到弹窗中。

绘制弹窗

  1. 新建一个弹窗：电机详情。

    alt text

  2. 在弹窗中拖入一个电机和一个文本标签。

    alt text

  3. 在弹窗上设置自定义属性：编号。

    alt text

  4. 点击文本标签，在其文本属性后面点击绑定按钮，编写如下表达式。文本标签中显示的内容将随着“custom.编号”的变化而变化。

    alt text

绘制画面

  1. 新建一个画面：电机。

  2. 在画面上绘制2个按钮，电机1和电机2。

    alt text

  3. 在电机1的 动作 中设置按下脚本。当点击该按钮时，打开“电机详情”弹窗，弹窗居中显示，并且将“电机详情”弹窗上的自定义属性“编号”的值设置为1。

    System.UI.openPopup("电机详情", {
    position: {
        type: 'center',
    },
    pageProperties: {
        'custom.编号': '1'
    }
});

  4. 点击“电机2”按钮，在 动作 中设置相同的脚本，将传入的参数值从 1 变为 2。

    System.UI.openPopup("电机详情", {
    position: {
        type: 'center',
    },
    pageProperties: {
        'custom.编号': '2'
    }
});

  5. 点击画面的预览按钮进行预览。在预览页面，点击按钮“电机1”，打开弹窗，弹窗中文本内容显示为“电机1”；点击按钮“电机2”，打开弹窗，弹窗中文本内容显示为“电机2”。

    alt text