首页 > 其他 > 详细

前端实现分页 实现个数据分页函数

时间:2018-11-14 12:01:06      阅读:118      评论:0      收藏:0      [点我收藏+]

前端拿到所有数据实现分页函数代码如下:

      //分页数据处理函数
        pageDataFn(number){
            //处于第几页 number
            //保存每页数据的函数
            pagedata = [];
            //pageSize 每页条数
             //设置开始
            let start = (pageSize * number) - pageSize;
            // 设置结束长度
            let end = pageSize * number;
        //长度判断
      //所有分页数据 getdata.children
        end = end > getdata.children.length ? getdata.children.length : end;

for(let i = start; i < end; i++){ //所有分页数据 getdata.children pagedata.push(getdata.children[i]) } }

这个函数很简单可以再次封装一下 就可以一直使用了如下

    //分页数据处理函数
        pageDataFn(number,pageSize,data ){
            //处于第几页 number
            //保存每页数据的数组
            pagedata = [];
            //pageSize 每页条数
             //设置开始
            let start = (pageSize * number) - pageSize;
            // 设置结束长度
            let end = pageSize * number;
       end = end > data.length ? data.length : end;
for(let i = start; i < end; i++){ //所有分页数据 data pagedata.push(data[i]) } return pagedata ; }

然后渲染这个函数的返回值就行了 number改变数据跟着改变实现数据分页功能

前端实现分页 实现个数据分页函数

原文:https://www.cnblogs.com/y-y-y-y/p/9956898.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!