zoukankan      html  css  js  c++  java
  • 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';  

        })  



  • 相关阅读:
    移动开发基础(二)touch事件
    js的性能优化
    理解Java的Class.forName()方法
    Linux 串口读写(一)
    PreparedStatement是如何大幅度提高性能的
    简单图像匹配(转)
    共享内存
    Oracle ORA12505, TNS:listener does not currently know of SID given in connect descriptor 解决
    Top Half & Bottom Half
    vue 插件 使用 Echarts 创建图表 (转)
  • 原文地址:https://www.cnblogs.com/wangercha/p/7093192.html
Copyright © 2011-2022 走看看