Wex5 使用WindowDialog和windowReceiver弹窗组件进行页面跳转

深藏阁楼爱情的钟 2022-03-08 16:30 323阅读 0赞

windowDialog组件用来弹出对话框，一般结合使用windowReceiver;

一般用法：在调用者页面放windowDialog组件，用来指定对话框的页面及相关属性，对话框页放windowReceive，用来接收调用者传送的参数及其他相关操作。

**1.在父页面新建windowDialog组件，设置其src属性选择要跳转的子页面文件**  
![在这里插入图片描述][20190315154142290.png]  
在控制跳转的按钮点击事件中，调用.open()方法带参数跳转  
![在这里插入图片描述][20190315155008896.png]  
其中params中为页面参数

**2.在子页面中新建windowReceiver组件，该组件可用来接收参数**  
![在这里插入图片描述][20190315154858440.png]

**3.在子页面的返回上级页面按钮中，通过调用.windowCancel()关闭子页面，回到父页面；**  
![在这里插入图片描述][20190315155428589.png]  
**4.当需要子页面带参数返回父页面的时候，选择.windowEnsure()关闭页面；**  
![在这里插入图片描述][2019031515564294.png]  
使用该方法时，需要在父页面windowDialog组件的onReceive事件中接收参数或刷新页面

官网文档：https://blog.csdn.net/mx\_xuanxiao/article/details/53023476

[20190315154142290.png]: /images/20220308/413e797c096e4b1aab88afd4fb3c2d3d.png
[20190315155008896.png]: /images/20220308/2e15f6d5f38f439baa3673f03741c760.png
[20190315154858440.png]: /images/20220308/aaa55005fb60401da8cf96365f5410aa.png
[20190315155428589.png]: /images/20220308/4045c73c71414bdab9ec6bbf47e66c50.png
[2019031515564294.png]: /images/20220308/b1208a5b788f482ea4c55bc5598fc31f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，323人围观）

还没有评论，来说两句吧...

相关阅读

相关 jsp实现跳转页面和弹窗

以下是详细的步骤来使用 JSP 实现页面跳转和弹窗的示例： 1. 创建两个 JSP 文件：`page1.jsp` 和 `popup.jsp`。 2. 打开 `page1.

我不是女神ヾ/ 2024年03月17日 11:49/ 0 赞/ 63 阅读

相关使用js进行页面跳转

1、在原来的窗体中直接跳转用 <script type="text/javascript"> 　　window.location.href="你所要跳转的页面";

我就是我/ 2024年02月19日 19:32/ 0 赞/ 83 阅读

相关 Flutter 使用Navigator进行局部跳转页面

![20200527065154216.png][] > 老孟导读：Navigator组件使用的频率不是很高，但在一些场景下非常适用，比如局部表单多页填写、底部导航一直存在，

待我称王封你为后i/ 2023年02月13日 03:35/ 0 赞/ 12 阅读

相关小程序弹窗后跳转页面

wx.showToast({ title: '评价成功！', duration: 800, success:

我不是女神ヾ/ 2022年10月09日 00:44/ 0 赞/ 191 阅读

相关 js页面弹窗

1、html元素 <div id="light" class="white_content"> <div id="lightHeader"><spa

刺骨的言语ヽ痛彻心扉/ 2022年09月26日 04:58/ 0 赞/ 234 阅读

相关使用JavaScript在页面中进行跳转

使用JavaScript在页面中进行跳转 <script language="javascript" type="text/javascript">

Dear 丶/ 2022年08月03日 05:07/ 0 赞/ 188 阅读

相关去除wex5 中的网络出错弹窗

![70][] 这玩意在app上弹出实在超级不友好，去除这的网络出错的弹窗的方法在截图目录找到errror.js文件 ![70 1][] 打开后，把下面一段代码注释掉

布满荆棘的人生/ 2022年05月17日 00:21/ 0 赞/ 180 阅读

相关 VUE：组件间相互跳转、页面带参跳转

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 只是记录下用法：从 A 页面跳转到 B 页面。

迷南。/ 2022年04月03日 07:44/ 0 赞/ 609 阅读

相关 Wex5 使用WindowDialog和windowReceiver弹窗组件进行页面跳转

windowDialog组件用来弹出对话框，一般结合使用windowReceiver; 一般用法：在调用者页面放windowDialog组件，用来指定对话框的页面及相关属性，

深藏阁楼爱情的钟/ 2022年03月08日 16:30/ 0 赞/ 324 阅读

相关 WPF使用Frame跳转页面、使用NavigationWindow弹出页面

1、使用Frame跳转页面 1.1 前台代码  <Frame x:Name="mainFrame" Source="/Index.x

阳光穿透心脏的1/2处/ 2021年09月10日 22:08/ 0 赞/ 1249 阅读