码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-06-29 11:27:05      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:inner   app   view   ntb   ati   方式   webview   文件路径   http   

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

标签:inner   app   view   ntb   ati   方式   webview   文件路径   http   

原文地址:http://www.cnblogs.com/wangercha/p/7093192.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!