先附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‘;
})