前端分页 思路

$scope.allNum = $scope.listData.length;$scope.allPage = Math.ceil($scope.allNum / 10);console.log($scope.listData);

//分页$scope.defaultPage = 1;$scope.nowArr = [];for(var i=0; i<($scope.allNum < 10?$scope.allNum:10);i++){  $scope.nowArr.push($scope.listData[i]);}

//下一页$scope.pageDown = function(){  $scope.nowArr = [];  if($scope.defaultPage<$scope.allPage){    $scope.defaultPage++;  }  for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){    if(i<=$scope.allNum-1){      $scope.nowArr.push($scope.listData[i]);    }  }};//上一页$scope.pageUp = function(){  $scope.nowArr = [];  if($scope.defaultPage>1){    $scope.defaultPage--;  }  for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){    if(i<=$scope.allNum-1){      $scope.nowArr.push($scope.listData[i]);    }  }};//go$scope.pageGo = function(pageNow){  $scope.nowArr = [];  if(pageNow>=1&&pageNow<=$scope.allPage){    $scope.defaultPage = pageNow;  }  for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){    if(i<=$scope.allNum-1){      $scope.nowArr.push($scope.listData[i]);    }  }};
时间: 2024-10-05 08:56:37

前端分页 思路的相关文章

jQuery插件实例六:jQuery 前端分页

先来看看效果: 对于前端分页,关键是思路,和分页算法.本想多说两句,可又觉得没什么可说的,看代码吧: 如何使用? $("#pging").zPagination({ 'navEvent':function(){ console.log('取数据Ajax'); } }); JS代码 //分页Pagination ; (function ($, window) { var defaults = { rowCount: 400, //总数据行数 navPage: 10, //每次显示多少页导

前端分页

一. 前端分页 1.实现思路: 当前页 currentPage : 直接获取 后端提供数据: results ( 发送请求,获取数据 ) 数据总条数:totalCount = results.length 举个栗子: 103条数据 每页10条 一共分 11 页 第一页: firstPage: 1 上一页: previousPage = Math.max(currentPage - 1, 1); 当前页 上一页 3 2 4 3 1 1 下一页: next = Math.min(currentPag

分页思路

页面分页思路: 1.sql语句:SELECT * FROM users LIMIT num1,num2 PS:num1为开始索引 ,num2为页面数据量.num1=5,num2=10,则显示6-15共10条数据 2.“上一页”与“下一个”越界控制 <c:if test="${currentpage>1 }"> <a href='<c:url value="/page.jsp?page=${currentpage-1 }"/>'&g

js 前端分页空间控件

现在web注重用户体验与交互性,ajax 提交数据的方式很早就流行了,它能够在不刷新网页的情况下局部刷新数据.前端分页多是用ajax请求数据(其他方式也有比如手动构造表单模拟提交事件等).通过js将查询参数构造好发向后台,后台处理后以特定的格式返回,多为json,比较流行处理起来也很方便.当后台数据到达后,浏览器重新渲染界面当然也包括js分页控件,如果觉得每次绘制分页控件对前端性能有影响也可以不绘制,但实现起来相对麻烦. 本人写的分页控件参考了其他网友的代码,链接忘了,控件接受四个参数或一个对象

前端分页(输入页号)

$('#submitgo').click(function(){        if($('#fillNum').val()!=''){ var u = location.href.toString(); if(u.indexOf('page') >=0){                var url=replaceParamVal('page',$('#fillNum').val());                location.href=url;            }else{

前端分页插件pagination

摘要: 最近在开发项目中又用到了前端分页,以前也做过,为了方便以后使用所以将他封装成第三方插件,不依赖任何库.网上已经有很多插件,问什么还要自己造轮子? 自己写的扩展性高 不依赖任何库 作为一次技术沉淀 在线预览:http://baixuexiyang.github.io/pagination/ 项目地址:https://github.com/baixuexiyang/pagination 注意: 后面我还要将自己在开发中写到的插件都总结下分享给大家,如果你喜欢用可以star或者fork,或者你

Extjs中grid前端分页使用PagingMemoryProxy【二】

    在项目中遇到Grid前端分页,本人也是刚接触extjs没多久,为了实现效果,一直找了很久才实现出来,对于代码中的一些也不能详细的说明出来, 不知道能不能帮助到遇到同样问题的朋友,所以将例子代码贴出来大家一起相互学习下. 在项目中时常会用到前端分页的效果,使用grid来进行分页, 在源代码中\examples\ux\data\PagingMemoryProxy.js,此时要使用该js文件,在项目引用该文件. <script type="text/javascript" sr

锋利的js前端分页之jQuery

原文:锋利的js前端分页之jQuery 大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比较简单. 1 /** 2 * pageSize, 每页显示数 3 * pageIndex, 当前页数 4 * pageCount 总页数 5 * url 连接地址 6 * pager(10, 1, 5, 'Index')使用方法示例 7 */ 8 function pager(pageSize

超简单实用的前端分页---jquery插件

首先,谈谈分页,目前我所了解的分页有两种,前端分页跟后台分页. 简单说说前端分页.是通过前端技术拿到所有的数据,在前端分页处理; 而后台分页是通过前端操作,给后台返回不同的值,再由后台返回所对应的数据. 最近,下载了很多前端分页插件.感觉性价比不是模糊不清,就是显示不是自己想要的,所以想自己动手写一个属于自己的插件 这是一个面向对象思想的插件.第一次用面向对象的思想,肯定有很多不足的地方.希望能互相讨论,一起上进. 这是效果图.看起来一般,但是他的css可重塑性高 接下来将附上自己的代码. cs