滚动页面加载（手机移动）

最新推荐文章于 2021-11-05 17:54:34 发布

yyongsheng

最新推荐文章于 2021-11-05 17:54:34 发布

阅读量331

点赞数

分类专栏：前台

前台专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!doctype html>
<html lang="zh-cn">

<head>
<title>付款记录</title>
<%@ include file="/commons/meta.jsp"%>

<script src="${ctx}/js/picEffect.js?v=1.11"></script>
<script src="${ctx}/js/showpic.js"></script>
<link rel="stylesheet" href="${ctx}/css/comment.css?v=1.0"/>
<link rel="stylesheet" href="${ctx}/css/weixin/mall.css"/>
<style>
.selMemInput{background-color:#fff;color:#666666;border:0px;width:160px;box-sizing:border-box;height:26px;line-height:20px;}
.mallBgSel{background:url(${ctx}/images/v2/parttopb.png) no-repeat;}
.buyBut{background-color:#e6006d;height:8px;line-height:8px;width:25px;text-align:center;}
td{border-width: 1px}
</style>

</head>
<body>
   <c:if test="${type==0}">
   <table width='100%' border='2px' style='border-collapse:collapse;border-width: 2px;border-bottom:0px' cellspacing='2px'   bordercolor="#AAAAAA">
   </c:if>
   <c:if test="${type!=0}">
   <table width='100%' border='2px' style='border-collapse:collapse;border-width: 2px;border-top: none;border-bottom:0px' cellspacing='2px'   bordercolor="#AAAAAA">
   </c:if>
       <c:if test="${type==0}">
           <tr>
               <td height="30px">序</td>
               <td>订单号</td>
               <td>金额</td>
               <td>付款人</td>
               <td>时间</td>
               <td>状态</td>
           </tr>
       </c:if>
       <% int s=0;//变量初始化为0%>
       <c:forEach items="${list}" var="obj">
           <tr height='50px'>
               <%s++;//序号累加 %>
               <% if(s==10){
                   s=0;
                   Object nn=request.getAttribute("type");
                   long cc=Long.parseLong(nn.toString());
                   request.setAttribute("type",cc+1);
               } %>

               <td width="5%">${type}<%=s %></td>
               <td width="40%"><a href='#' οnclick="adminView('${obj.out_trade_no }')">${obj.out_trade_no }</a></td>

               <td width="10%">${obj.total_fee }</td>
               <td width="15%">${obj.username }</td>
               <td width="20%">${obj.time_end }</td>
               <td width="10%">
                   <c:if test="${obj.isdeliver==0 }">
                       未出货
                   </c:if>
                   <c:if test="${obj.isdeliver==1 }">
                       已出货
                   </c:if>
               </td>
           </tr>
       </c:forEach>
   </table>
<div style="width:100%">
   <div id="malldiv">
   </div>
   <div id="seardiv" style="display:none">
       <input type="hidden" id="curPage" name="curPage" value="0">
        <input type="hidden" id="totalPage" name="totalPage" value="0">
       <ul class="party_ul" id="photolist">

       </ul>
       <div class="clear"></div>
   </div>
</div>
<c:if test="${totalPage!=curPage }">
<div id="morediv${curPage }" οnclick="searchClick()" style="height:0px;background-color:#FFFFFF;font-size:14px;font-weight:bolder;line-height:30px;"><span id="jiazai${curPage }">加载更多...</span></div>
</c:if>
<div id="tmpdiv" style="display:none"></div>
</body>
</html>
<script type="text/javascript">
   $("#photolist").append($("#tmpdiv").html());
   var cc=$("#curPage").val();
   $("#curPage").val("${curPage}");
   $("#totalPage").val("${totalPage}");
   if(parseInt("${curPage}")<parseInt("${totalPage}")){
       $('#morediv'+cc).hide();
       $('#morediv${curPage}').show();
       var nn=$("#curPage").val();
       if('${curPage}'>1){
           for(var i=nn*1;i>1;i--){
               $('#morediv'+i).hide();
           }

       }

   }else{
       var nn=$("#curPage").val();
       for(var i=nn*1;i>0;i--){
           $('#morediv'+i).hide();
       }
       //$('#jiazai'+nn).remove();
   }

</script>
<script type="text/javascript">
   var oldHeight="";//判断是否加载完成
   window.onscroll = function (){//滚屏加载
       var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
       var scrollHeight=document.documentElement.scrollHeight||document.body.scrollHeight;
       var windowHeight=getWindowHeight();
       if(oldHeight!=scrollHeight && scrollTop+windowHeight>=scrollHeight-30){
           searchClick();
           oldHeight=scrollHeight;
       }
   };
   function adminView(orderNumber){
       openCurWin("/paymentHistory/orderdetail.do?orderNumber="+orderNumber);
   }
   <%--$(function(){
       $("#curPage").val("0");
       $("#totalPage").val("0");
       searButClk();
   });--%>
   function searButClk(){
       delPhone();
       searchClick();
   }
   function delPhone(){
       oldHeight="";
       var list=document.getElementById("photolist");
       var elem=list.childNodes;
       for(var i=0;i<elem.length;){
            list.removeChild(elem[i]);
       }
       $("#curPage").val("0");
   }
   function searchClick(){
       var cp=parseInt($("#curPage").val());
       $("#tdsear").hide();
       $("#malldiv").hide();
       $("#seardiv").show();

       if(cp>0 && cp>=parseInt($("#totalPage").val())){
           return;
       }else{
           $("#curPage").val(cp+1);
       }
       var url="/paymentHistory/paymentHistoryView.do";
       url=url+"?curPage="+$('#curPage').val();
       $("#tmpdiv").load(webroot+url,function(){
           //$('#morediv'+cp).hide();
       });
   }
</script>