更新时间:2022-04-26 GMT+08:00
分享

页面级常见操作

系统预置了多种常用的事件交互动作,例如打开页面、弹出页面以及关闭弹出页面。您可在页面设计中直接使用预置动作完成页面相关的常见操作。

打开页面

示例,单击某按钮“立即体验”,打开新的产品体验入口页面。

  1. 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。
  2. 在左上角选择“内置动作”,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。
    图1 打开页面
    表1 “打开页面”参数说明

    参数

    说明

    目标页面

    打开的页面有以下几种:

    • 当前应用页面:当前应用已创建好的页面
    • URL:某个页面的URL
    • 重新加载当前页面:加载刷新当前的页面

    打开方式

    打开方式:

    • 在新标签页中打开
    • 在当前窗口打开

    参数绑定

    可选配置。当打开的页面URL中有参数时,可单击“添加”,设置页面URL路径中的参数。

  3. 单击页面上方保存按钮,保存页面。
  4. 单击预览页面,单击“立即体验”按钮,可预览按钮的事件效果。

弹出页面

示例,单击某按钮“提交”,弹出“提交成功”的提示页面。

  1. 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。
  2. 在左上角选择“内置动作”,单击“弹出页面”,配置目标页面、窗口选项,单击“创建”。
    图2 弹出页面
    表2 “弹出页面”参数说明

    参数

    说明

    目标页面

    弹出的页面有以下几种:

    • 当前应用页面:当前应用已创建好的页面
    • URL:某个页面的URL

    窗口可拖拽

    窗口是否可来回拖拽。

    窗口标题

    弹出窗口的标题内容。

    窗口位置

    弹出窗口在屏幕的位置:

    • 屏幕中央
    • 屏幕顶部居中

    窗口宽度

    窗口的宽度,单位像素。

    窗口高度

    窗口的高度,单位像素。

  3. 单击页面上方保存按钮,保存页面。
  4. 单击预览页面,单击“提交”按钮,可预览按钮的事件效果。

关闭弹出页面

示例,单击某按钮“确定”,关闭弹出页面。

  1. 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。
  2. 在左上角选择“内置动作”,单击“关闭弹出页面”,配置是否有返回值,单击“创建”。
    图3 关闭弹出页面
    表3 “关闭弹出页面”参数说明

    参数

    说明

    返回值

    关闭弹窗页面时,是否带返回值。如果有,请配置返回值。

  3. 单击页面上方保存按钮,保存页面。
  4. 单击预览页面,单击“确定”按钮,可预览按钮的事件效果。

弹出消息对话框

该预置动作用于弹出消息对话框。示例,单击某按钮“确定”,弹出消息对话框“创建实例成功”。

  1. 选择按钮组件,在右侧“事件”页签下,单击“点击”后的加号,进入“添加动作”页面。
  2. 在左上角选择“内置动作”,单击“弹出消息对话框”,在右侧设置相关参数,单击“创建”。
    图4 关闭弹出页面
    表4 “弹出消息对话框”参数说明

    参数

    说明

    消息类型

    消息对话框,预置以下几种:

    • 成功
    • 错误
    • 警告
    • 提示

    标题

    消息对话框左上角的显示标题。

    例如:成功

    消息内容

    消息对话框中显示的消息内容。

    例如:创建实例成功

    内容作为HTML渲染

    内容是否作为HTML渲染。

    动态渲染HTML容易导致XSS攻击,当开启此属性时,请确保传入的内容是可信的。

    按钮

    消息对话框中显示的按钮名称,预置了以下两种可选:

    • 确认

    弹出后延时自动关闭

    弹出后是否支持延时自动关闭。勾选后,需要设置延时秒数。

    例如:勾选该参数,并设置延时3秒。效果为弹出消息对话框后,3秒后自动关闭该弹框。

  3. 单击页面上方保存按钮,保存页面。
  4. 单击预览页面,单击“确定”按钮,可预览按钮的事件效果。

分享:

    相关文档

    相关产品

close