mui.fire运用

超、凢脫俗 2022-03-22 02:28 281阅读 0赞

将项目中用到的mui.fire 分离一个demo 说一下mui.fire怎么使用 和参数

我自己的需求：

在a页面有很多按钮用来选择商品数据，但是数据很多，所以就合并在b页面，

需要在a页面点击 跳转到b页面，然后b页面点击商品，获取到商品的id、名字等等数据，在跳转回a页面

并且给a页面点击的按钮 赋从b页面获得的值。

简化： a  > b  > 获得数据 > 返回a > 执行赋值

当然，这只是我自己用到的类型，还有其他需要 我暂时没碰到过。

先说说a页面js

function gobhtml(pid) {
                	
           let list = {
              pid: pid,//这是需要的参数
              pageid:"addmembers",//这是当前页面的id ，也就是mui.open的时候设置id
              returnfun:"setdate"//这个是返回后执行的自定义函数的名字，
              }
              mui.openWindow({
                  url: '../general/cropper.html',
                  id: 'cropper',
                  extras: list
              });
    }
    
    
    window.addEventListener("setdate", setdatefuc); //添加自定义事件，b页面调用
    			
    function setdatefuc(e) {
             console.log(e);
    //这个e 是b页面返回的数据  ,可以直接用这些数据赋值了 
    
    }

然后是b页面，要注意的是 如果用到mui的逻辑 都需要将监听写到mui.plusReady里面才可以

var pid = 0,pageid="",returnfun="";
    			
    			window.onload = function(){
    				mui.init();
    				
    				mui.plusReady(function(res){
    					 let view = plus.webview.currentWebview();
    					 pid = view.pid||0;
                         pageid=view.pageid||"",
                         returnfun=view.returnfun||"";
    				})
    				
    			
    			}
    
    //商品点击的函数
    function backpage(data){
    
    				let preView = plus.webview.getWebviewById(pageid);
    				mui.fire(preView , returnfun, {
                        'data': data,//获取到的数据都可以在这里传
                    }); 
                    mui.back();
    				
    			}

发表评论取消回复

表情：

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

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

相关阅读

相关 Jpgraph的运用

jpgrahp的官方站点下载地址：jpgraph.net；最近项目要做个统计，需要用到图表来显示；php对图报表支持不是很好，只好用提供的其他包来解决了，jpgra

Bertha 。/ 2022年09月18日 11:53/ 0 赞/ 175 阅读

相关算术运用中除法的运用

public class java5_10 { / @param args / public static vo

清疚/ 2022年09月17日 14:26/ 0 赞/ 185 阅读

相关 block的运用

cell的.h文件 typedef void(^ActivityCellBlock)(NSString \str); @interface ActivityCell

谁践踏了优雅/ 2022年08月09日 18:31/ 0 赞/ 183 阅读

相关字典的运用

给定一个整数 numnum，将整数转换成罗马数字。如 1,2,3,4,51,2,3,4,5 对应的罗马数字分别为I，II，III，IV，V

雨点打透心脏的1/2处/ 2022年06月08日 11:24/ 0 赞/ 191 阅读

相关 ajax运用

AJAX的工作原理 Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验

港控/mmm°/ 2022年05月17日 10:43/ 0 赞/ 218 阅读

相关递归运用

private Set<Integer> getCouponCode(Integer count) { Set<Integer> set = new Has

偏执的太偏执、/ 2022年04月11日 07:49/ 0 赞/ 245 阅读

相关 checkbox运用

做一个简单，复选框事件。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

拼搏现实的明天。/ 2022年04月10日 07:25/ 0 赞/ 225 阅读

相关 NLP工具运用

1、NLP工具——stanford Parser使用手册 2、NLP工具——预处理、编码、繁转简、停用词、表情、标签等 3、pdf转Txt文本工具——pdfToTxt 4

阳光穿透心脏的1/2处/ 2021年11月17日 14:10/ 0 赞/ 297 阅读

相关 js的运用

JS数组的4种声明方法： //第一种 var A=[12,78,78,78,89] console.log(A) //第二种 var

「爱情、让人受尽委屈。」/ 2021年10月26日 16:24/ 0 赞/ 288 阅读

相关 OSPF运用

一、链路状态路由协议构成 ①LSA（链路状态通告）：运行链路状态路由协议的路由器，彼此之间交互的就不是路由信息。 ②LSDB（链路状态数据库）：每台路由器将搜集到的

Love The Way You Lie/ 2021年07月24日 20:04/ 0 赞/ 541 阅读