MUI的返回和刷新处理方法

你的名字 2022-03-16 05:16 1494阅读 0赞

//mui-action-back系统默认的返回不能返回，就直接关闭当前页面的处理
    mui.back = function() {
    	plus.webview.currentWebview().close();
    }

//在父页面中添加事件监听
    window.addEventListener('refresh', function(e) {  
            location.reload();  
    }) 
    //这样，在子页面执行返回操作mui.back()的时候，会执行父页面中的refesh事件，即location.reload()，刷新父页面；

//点击按钮取消
    function cancel(){
    	mui.back();//返回上级页面
    }

3.1

//刷新并返回
    
    var old_back = mui.back;  //将返回事件储存
    mui.back = function() {
        // 获取目标口窗口对象
        var target = plus.webview.getLaunchWebview();//获取首次进入主页的对象
        
        // 执行相应的事件（刷新）
        target.reload();
        // 执行关闭（返回）
        old_back();
    };

3.2

//页面A到B的跳转
    mui('.mui-bar').on('tap', '.handover', function() {
    	mui.openWindow({
    		url: 'orderlist.html?id=' + id,
    		id: 'orderlist.html',  //下个页面返回需要用到的ID
    		styles: {
    			top: '0px',
    			bottom: '0px'
    		},
    		show: {
    			aniShow: 'none',
    		}
    	})
    })

//延时返回
    setTimeout(function(){
    //刷新B返回A
        var old_back = mui.back;
    	mui.back = function() {
    	    // 获取目标口窗口对象
    	    var target = plus.webview.getWebviewById('ordermsg.html'); //ordermsg.html页面的id
    	    // 执行相应的事件
    	    target.reload();
    	    // 执行关闭
    	    old_back();
    	};
    	mui.back();
    },1000)

//登录界面的返回按钮
    var _toast = false;
    mui.back = function() {
    	
    	if(!_toast || !_toast.isVisible()) {
    		_toast = mui.toast('再按一次返回键退出', {
    			duration: 'long',
    			type: 'div'
    		});
    	} else {
    		plus.runtime.quit();
    	}
    }