MUI的返回和刷新处理方法

最新推荐文章于 2024-04-23 09:18:09 发布

原创最新推荐文章于 2024-04-23 09:18:09 发布 · 5.9k 阅读

9 ·

CC 4.0 BY-SA版权

MUI 专栏收录该内容

14 篇文章

订阅专栏

本文介绍在MUI框架中实现页面返回与刷新的多种方法，包括直接关闭当前页面、通过监听事件刷新父页面、延迟返回时刷新前页及登录界面的特殊返回处理，适合移动端Web开发人员学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//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();
	}
}