HTML5 开发APP(MUI的一些特性)

Posted 2020-09-25 王二叉

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

    })