zoukankan      html  css  js  c++  java
  • 14、上拉加载

    第一步,第二步 和下拉刷新的一样 

    第三步:通过mui.init方法中pullRefresh参数配置下拉刷新各项参数

    mui.init({ 
        pullRefresh : { 
            container:"#refreshDiv",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等 
            up : { 
                contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容 
                contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容; 
                callback : fn //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; 
            
        
    }); 

    第四步:设置执行函数

    function fn() { 
        //业务逻辑代码,比如通过ajax从服务器获取新数据; ...... //注意,加载完新数据后,必须执行如下代码,true表示没有更多数据了,
        两个注意事项: //1、若为ajax请求,则需将如下代码放置在处理完ajax响应数据之后 //
        2、注意this的作用域,若存在匿名函数,需将this复制后使用
          
        var _this = this;
           
        _this.endPullupToRefresh(true|false); 
    }

     

  • 相关阅读:
    spring ConfigurationProperties 注解
    MySQL安装
    Linux虚机密码破解
    spring cloud zuul 配置(Robbin 和 熔断)
    Oracel官网下载各类版本的JDK
    spring @Configuration
    IDEA debug
    Spring Boot @ControllerAdvice+@ExceptionHandler处理controller异常
    redis-day1
    Mysql进阶-day3
  • 原文地址:https://www.cnblogs.com/zhouyuxiang/p/4708889.html
Copyright © 2011-2022 走看看