您的位置:首页 > 产品设计 > UI/UE

mui js 返回刷新页面方法

2018-02-27 10:01 260 查看
mui js 返回刷新页面方法 目前只知道以下几个mui.plusReady(function() {
var primaryBack = mui.back;
mui.back = function() {
var wobj = plus.webview.getWebviewById("这里填写跳转页面的id");
wobj.reload(true);
primaryBack();
}
})上面是点击手机的返回或者点击mui的顶部返回按钮时用到,
var wobj = plus.webview.getWebviewById('这里填写跳转页面的id');
if(wobj!=null){
wobj.reload(true);
}
mui.back();
上面是在请求数据过后跳转页面并刷新时用到并不需要back触发,
其实理解比较简单  就是指定页面,重载,返回
下面这个方法是最近找到的,不过只能返回上一页,
优点是访问了上一页的某个方法而不是重新刷新页面,给用户体验比较好下面举个例子
页面 1.htmlfunction getData(){
console.log(444);
}
window.addEventListener('funcOne',function(event){
console.log(333);
getData()
});
mui.openWindow({
url: '2.html',
id: 'goback',
//这里写的都只是例子实际编写时实际修改,
})
页面 2.htmlmui.init({
beforeback: function(){
//获得列表界面的webview
var list = plus.webview.getWebviewById('goback');
//触发列表界面的自定义事件(fncOne),从而进行数据刷新
mui.fire(list,'fncOne');
//返回true,继续页面关闭逻辑
return true;
}
});本例是由页面1 的openwendow跳转至页面2,在页面2 back返回时触发页面1的绑定方法funcOne 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  mui js 刷新数据