1. 程式人生 > >HTML5 開發APP(MUI的一些特性)

HTML5 開發APP(MUI的一些特性)

index true inner html5 操作 ready success attr 獲得

先附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的一些特性)