HTML5 開發APP(MUI的一些特性)
先附mui文檔地址:http://dev.dcloud.net.cn/mui/ui/ 。mui的UI組件比較簡單而且在文檔中很好找就不過多說了。
1 在app開發中,使用HTML5+的api,必須mui.plusReady方法中。
2 常用的a標簽和window.herf跳轉方法通通改為
mui.openWindow({
url: ‘文件路徑‘,
id: ‘自己給文件起的id‘
})
3 ajax 部分。mui自己封裝了可跨越的ajax。和jq的ajax大體相似
mui.ajax({
url:"",
type: ‘‘,
data: {},
dataType: ‘json‘,
success: function (result) {
}
});
註意data的傳值方式有點不同 data: {id: id,bank: bank} 前面是和後臺預訂好的字段,後面是要傳的值。
4 刷新父頁面。就是你從A跳到B,在B進行了操作,然後回到A,A的數據發生改變。
先在子頁面初始化時,註冊beforeback方法;
mui.init({
beforeback: function() {
//獲得列表界面的webview var list = plus.webview.currentWebview().opener();
//觸發列表界面的自定義事件(refresh),從而進行數據刷新
mui.fire(list, ‘refresh‘);
//返回true,繼續頁面關閉邏輯 return true;
}
});
在父頁面中添加事件監聽
window.addEventListener(‘refresh‘, function(e) {
location.reload();
//document.getElementById(‘indexHeader‘).innerHTML = ‘Hello World‘;
})
HTML5 開發APP(MUI的一些特性)