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';  

        })  



  • 相关阅读:
    2018-2-26 php、mysql数据库制作简单的商城购物车
    2018-2-8 租房信息的增删改和搜索
    2018-2-6 留言板的制作
    ztree连接数据库问题总结
    织梦cms
    MySQLDB.class.php
    类和对象
    构造、析构;重写;设计模式;单例;抽象;重载
    类、面向对象、类的继承
    css 区块与盒子模型
  • 原文地址:https://www.cnblogs.com/wangercha/p/7093192.html
Copyright © 2011-2022 走看看