• jqueryWeiui+pagehelper滚动加载(实现分页)


          var pageObj={}; //定义全局对象
          pageObj.page =1;   //页码    
          pageObj.pageSize =10; //每页显示条数
               
          var entityNo='05-01-02';
          
          $.ajax({  
      	    async:false,//使用同步的Ajax请求  
      	    type: "POST",  
      	    dataType: 'json',
      	    url: "/scon/app/selectDingd?entityNo="+entityNo+"&page="+pageObj.page+"&pageSize="+pageObj.pageSize,  
      	    error: function(error) {
      	    	alert("no data! ");          
      	    },
      	    success: function(result){ 	
      	     	var material = document.getElementById("orderList");
      	        var materialstr ="";
      	        var rst=result.Rows;
    	        var total=result.Total;
    	        pageObj.countPage=Math.ceil((total)/pageObj.pageSize);//计算分页数
      	        
      	    	 for (var i = 0; i < rst.length; i++) {  
      	    		 
      	    		 materialstr += "<a id='hello' class='weui-cell weui-cell_access' href='ordersDetail.html?projectName=" +rst[i].projectName+ "&workPart=" +rst[i].workPart+ "&entityNo=" +entityNo+ "'>"
      	    				 +"<div class='weui-cell__hd'><img src='images/车辆订单.png'></div><div class='weui-cell__bd'>"
      	    				 +"<p><font color='blue'>" +rst[i].projectName+ "</font></p>"
      	    				 +"<p>品名:" +rst[i].productName+ "</p>"
      	    				 +"<p>施工部位:" +rst[i].workPart+ "</p>"
      	    				 +"<p>浇筑方式:" +rst[i].unloadWayName+ "</p>"
      	    				 +"<p>票面方量:" +rst[i].billNum+ "</p>"	    				 
      	    				 +"</div><div class='weui-cell__ft'>查看详情</div></a> ";
      	         }
      	        material.innerHTML=materialstr;   
      	        loading = false;
    	    	$("#loading").css("display","none");//数据加载完隐藏加载提示
      	    }  
      });
    
          
    //---------------循环加载
     
    var loading = false;  //状态标记 这个变量主要是用来控制触发次数,官网也有说明,事件可能会触发多次
    $(document.body).infinite().on("infinite", function() {
        $("#loading").css("display","block");//显示加载中
        if(loading) return;
        loading = true;
        if(pageObj.page<=pageObj.countPage){//当前页码小于总分页数
            getbalancelist();
        }else{
            $(document.body).destroyInfinite();//销毁
            $("#loading>i").css("display","none");
            $("#loading>span").html("到底啦~").css("color","#BDBDBD");
        }
    });
     
     
    //获取数据
    function getbalancelist(){
          pageObj.page++;//每次下拉加载时,页码加一 
    	  $.ajax({  
    		    async:false,//使用同步的Ajax请求  
    		    type: "POST",  
    		    dataType: 'json',
    		    url: "/scon/app/selectDingd?entityNo="+entityNo+"&page="+pageObj.page+"&pageSize="+pageObj.pageSize,  
    		    error: function(error) {
    		    	alert("no data! ");          
    		    },
    		    success: function(result){		     	
    		        var materialstr ="";
    		        var rst=result.Rows;
    		    	 for (var i = 0; i < rst.length; i++) {  
    		    		 materialstr += "<a id='hello' class='weui-cell weui-cell_access' href='ordersDetail.html?projectName=" +rst[i].projectName+ "&workPart=" +rst[i].workPart+ "&entityNo=" +entityNo+ "'>"
    		    				 +"<div class='weui-cell__hd'><img src='images/车辆订单.png'></div><div class='weui-cell__bd'>"
    		    				 +"<p><font color='blue'>" +rst[i].projectName+ "</font></p>"
    		    				 +"<p>品名:" +rst[i].productName+ "</p>"
    		    				 +"<p>施工部位:" +rst[i].workPart+ "</p>"
    		    				 +"<p>浇筑方式:" +rst[i].unloadWayName+ "</p>"
    		    				 +"<p>票面方量:" +rst[i].billNum+ "</p>"	    				 
    		    				 +"</div><div class='weui-cell__ft'>查看详情</div></a> ";
    		         }
    		    	 $("#orderList").append(materialstr);//加载出的数据追加到id为orderList的div中
    		    	 loading = false;
    		    	 $("#loading").css("display","none");//数据加载完隐藏加载提示
    		    }  
    	});
    }  
    //---------------循环加载      
        </script>
        
    

      

        <div class="weui-loadmore" id="loading">
            <i class="weui-loading"></i>
            <span class="weui-loadmore__tips">正在加载</span>
       </div>
    Is life always this hard , or is it just when you are a kid ? Always like this .
  • 相关阅读:
    eclipse对项目Working Sets整理分类
    word中visio只显示边框,不显示内容解决
    使用WebStorm运行vue项目
    如何提高你的学习速度-超链接式学习法
    SQL中的join连接查询
    TCP的三次握手
    Tomcat 实现热部署
    Linux下软件设成系统服务运行
    Redis服务器搭建
    nginx.conf完整配置实例
  • 原文地址:https://www.cnblogs.com/alela/p/10131343.html
Copyright © 2020-2023  润新知