更新时间:2024-07-11 GMT+08:00
分享

如何实现页面转跳

使用说明

常用的业务页面与页面之间经常为了实现某种业务逻辑,需要在页面间进行转跳与传参。当应用需要在页面间进行转跳并传递参数时,例如图1中,在“调查问卷”页面单击“提交”按钮,由填写页面转跳到提交成功页面,并向提交成功页面传递此次“调查问卷”的记录id和页面名称时,可以通过编排“提交”按钮的点击事件行为,实现页面间转跳和传参。
图1 调查问卷页面

操作步骤

  1. 参考如何实现页面转跳中操作,创建调查问卷应用。
  2. 在调查问卷标准页面,单击“提交”

    图2 单击提交按钮

  3. 在右侧事件页签中,单击“点击”后的,进入添加动作页面。
  4. 在自定义动作页签,选择页面类 > 页面跳转
  5. 配置需要跳转的页面。

    例如,转跳到“调查问卷”提交成功页面,页面类型选择“标准页面”,并在页面列表下选择之前编辑好的提交成功页面“Questionnaires_submitPage”。

    图3 选择跳转页面
    • 页面类型:待跳转的目标页面的类型,支持“标准页面”、“高级页面”和“自定义页面地址”。
    • 页面列表
      • “页面类型”选择“标准页面”或“高级页面”时,需要在页面列表中选择需要跳转的已创建的“标准页面”或“高级页面”。
      • “页面类型”选择“自定义页面地址”时,请直接输入需要跳转的页面地址。
    • 打开新页面:是否在新页面,打开目标页面。

  6. 设置完成后,单击“确定”,将自动生成转跳代码至剪切板,只需要粘贴到面板即可。

    图4 页面转跳代码示例

    您也可以不使用平台内置的快捷代码生成功能,在需要的位置调用平台内置“api:context.$page”下的loadStdPage()函数,实现页面转跳功能。该函数接受两个参数,第一个参数为目标页面名称或url(必填),第二个参数为向目标页面传递的参数(可选),传递的参数可用context.$page.param获取,如图4所示。

相关文档