1. 程式人生 > >MUI之父頁面重新整理

MUI之父頁面重新整理

最近國產的MUI框架做個小專案,MUI是一個很好的前端框架,提供了很多非常好的控制元件和DEMO。

頁面間傳值是開發中經常要涉及到的,MUI為頁面傳值提供了幾個方案,frie、evaljs、extras等,都可以進行頁面間傳值。

今天做一個登陸頁面的時候,需要重新整理父頁面,查看了MUI的官方文件後,選擇用fire方法,主要思路是:

1、在子頁面初始化時,註冊beforeback方法;

mui.init({
	beforeback: function() {
	//獲得列表介面的webview
	var list = plus.webview.currentWebview().opener();
	//觸發列表介面的自定義事件(refresh),從而進行資料重新整理
	mui.fire(list, 'refresh');
	//返回true,繼續頁面關閉邏輯
	return true;
	}
});

2、在父頁面中新增事件監聽:

window.addEventListener('refresh', function(e) {
		location.reload();
		//document.getElementById('indexHeader').innerHTML = 'Hello World';
	})

這樣,在子頁面執行返回操作mui.back()的時候,會執行父頁面中的refesh事件,即location.reload(),重新整理父頁面;

官方文件說明:http://dev.dcloud.net.cn/mui/event/#customevent