APPCUBE-如何实现页面转跳

时间：2023-11-01 16:19:14

APPCUBE

如何实现页面转跳

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

图1 “调查问卷”页面
点击放大

在弹出的JS事件编排面板左侧“页面类”分栏下有页面相关快捷代码选项，单击“页面转跳”弹出转跳页面配置页面，配置好转跳页面类型，例如要转跳到“调查问卷”提交成功页面，页面类型选“标准页面”并在页面列表下选择之前编辑好的提交成功页面“Questionnaires_submitPage”即可。

图2 配置转跳页面信息
点击放大

表1 转跳页面配置页面参数说明
参数	描述
页面类型	转跳目标页面的类型，可选“标准页面”、“高级页面”和“自定义页面地址”。
页面列表	“页面类型”选择“标准页面”或“高级页面”将弹出已创建的“标准页面”或“高级页面”列表，“页面类型”选择“自定义页面地址”将要求输入页面地址。
打开新页面	是否在新页面打开目标页面。

单击“确定”按钮后将自动生成转跳代码至剪切板，只需要粘贴到面板即可，如下图所示。

图3 页面转跳代码示例
点击放大

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

父主题： 标准页面

上一篇：APPCUBE-标准页面布局:基础布局设置

下一篇：APPCUBE-如何调测标准页面:调试事件