码迷,mamicode.com
首页 > Web开发 > 详细

nodejs -数据分页ejs-分页控件

时间:2016-03-08 10:34:32      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:

懒得封装, 没有思路的将就看看吧

 

  <!--分页-->
     <ul class="pagination pagination-centered">
            <!--处理数字显示个数-->
             <% var prevNum = 10; var nextNum=10; %>
             
             <%if(pager.pageCount-pager.pageCurrent > 5){%>
              <% prevNum = 5 %>
             <%} else {%>
                <%prevNum = prevNum - (pager.pageCount-pager.pageCurrent)%>
             <%}%>
             <%if(pager.pageCurrent-5 > 0){%>
              <% nextNum = 5 %>
             <%} else {%>
                 <%nextNum = nextNum - (pager.pageCurrent) %>
             <%}%> 

            <% if(pager.pageCount-pager.pageCurrent > 5 &&pager.pageCurrent-5 > 0 ){%>
                  <% prevNum=5%>
                  <% nextNum=4%>
              <%}%>
            <!--处理数字显示个数 end-->
            <li class="disabled"><a href="javascript:void(0)"><%=pager.maxNum%></a></li>
            <li class="disabled"><a href="javascript:void(0)"><%=pager.pageCount%></a></li>
            <%if(pager.maxNum==0){%>
              <li class="disabled"><a href="javascript:void(0)">首页</a></li>
            <%}else{%>
              <li><a href="<%=pager.pagePath%>current=1">首页</a></li>
            <%}%>
            <!--判断有没有前一页-->

            <%if(pager.pageCurrent==1){%>
               <li class="disabled"><a href="javascript:void(0)">上一页</a></li>
            <%}else{%>
               <%if(pager.maxNum==0){%>
                <li class="disabled"><a href="javascript:void(0)">上一页</a></li>
               <%}else{%>
                <li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)-1%>">上一页</a></li>
               <%}%> 
            <%}%> 
            <!--判断有没有前一页  end-->

              <!--循环显示页码-->
             <% for(var i = prevNum; i > 0; i--){ %>
             <%  if( parseInt(pager.pageCurrent)-i > 0 ) { %>
               <li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)-i%>"><%=(parseInt(pager.pageCurrent)-i)%></a></li>
             <%}}%>
             <li class="active"><a href="<%=pager.pagePath%>current=<%=pager.pageCurrent%>" ><%=pager.pageCurrent%></a></li>
             <% for(var i = 1; i <=nextNum; i++){ %>
             <%  if( parseInt(pager.pageCurrent)+i <= pager.pageCount ) { %>
               <li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)+i%>"><%=parseInt(pager.pageCurrent)+i%></a></li>
             <%}}%>
             <!--循环显示页码  end-->
           <!--判断有没有下一页-->
           <%if(pager.pageCurrent==pager.pageCount){%>
               <li class="disabled"><a href="javascript:void(0)">下一页</a></li>
            <%}else{%>
             <%if(pager.maxNum==0){%>
                <li class="disabled"><a href="javascript:void(0)">下一页</a></li>
               <%}else{%>
                 <li><a  href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)+1%>">下一页</a></li>
               <%}%> 
           
            <%}%> 
           <!--判断有没有下一页  end-->
            <%if(pager.maxNum==0){%>
              <li class="disabled"><a href="javascript:void(0)">尾页</a></li>
            <%}else{%>
                 <li><a href="<%=pager.pagePath%>current=<%=pager.pageCount%>">尾页</a></li>
            <%}%>
          </ul>
    <!--分页 end-->



<!-- 
路由使用:

  //pageCurrent  当前页数
  var pager = {
  };
  pager.pagePath = ‘lostfound-manager?‘;
  pager.pageSize = 10;
  pager.pageCurrent = 1;
  if (current == undefined) {
    pager.pageCurrent = 1;
  } else {
    pager.pageCurrent = current;
  }

 pager.maxNum = retData.length;
 pager.pageCount = parseInt(Math.ceil(parseFloat(pager.maxNum) / parseFloat(pager.pageSize)));  //计算总页数


  返回 req.pager = pager;
 -->

 

nodejs -数据分页ejs-分页控件

标签:

原文地址:http://www.cnblogs.com/abc101/p/5252880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!