根据后台返回的数据写一个分页,通用

// pageIndex ------> 当前页数,也就是页码了

const pageIndex = 1;

// pageSize ------> 这是自定义每页需要展示的条数
const pageSize = 20;  
// roundfirmList ------> 这是获取后台返回的总的数据
var roundfirmList = res.data.body; 
// tpages ------> 这是获取后台返回的总页数,tCount
const tpages = res.data.page.tCount; 
// pages ------> 总数据的条数除以每页需要展示的条数,就是当前页数
const pages = roundfirmList.length/20; 

// isInt ------> 如果isInt为1了,就说明数据加载完了

var isInt=tpages/(that.pageIndex*20);   

// 如果页数只有一页或者所有数据加载完了就使loadmore发生改变,根据loadmore可以去设置自己想设置的状态,比如显示“玩命加载中”或者“全部加载完啦”

this.loadmore = (pages==1&&isInt!=1) ? true : false;

// 当前页码不唯一说明有新的数据出现,把新的数据concat进老数据,不要用push,push会改变数组的结构,concat不会

if(that.pageIndex>1){

	this.roundfirm = that.roundfirm.concat(roundfirmList);

}else{
     // 当前页数为第一页,显示数据
	this.roundfirm = roundfirmList;

}

  

原文地址:https://www.cnblogs.com/DangerousBaymax/p/9140855.html

时间: 2024-08-28 20:59:28

根据后台返回的数据写一个分页,通用的相关文章

application/x-www-form-urlencoded multipart/form-data text/plain 后台返回的数据响应的格式类型

application/x-www-form-urlencoded multipart/form-data text/plain 为什么上传文件的表单里要加个属性 enctype  后台返回的数据响应的格式类型 上传文件的表单中<form>要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么 写,知其然而不知其所以然.那到底为什么要添加这个属性呢?它是什么意思呢?它又有什么其他可选值呢? 其实form表单在你不写encty

javascript 对后台返回的数据进行分类

模拟后台返回的数据为: var arr = [ {personName:"张三",id:1,age:12,gender:"male"}, {personName:"张三",id:1,age:12,gender:"male"}, {personName:"张三",id:1,age:12,gender:"male"}, {personName:"李四",id:1,age:

一步一步写一个简单通用的makefile(三)

上一篇一步一步写一个简单通用的makefile(二) 里面的makefile 实现对通用的代码进行编译,这一章我将会对上一次的makefile 进行进一步的优化. 优化后的makefile: #Hellomake #Magnum, 2014-10-20 # 指令编译器和选项 CC=gcc CFLAGS=-Wall # 需要链接库的库名,比如libm.a,就是-lm,需要去掉前面的lib和后面的.a LIBS=-lm # 设置默认搜索头文件的路径,优先是这个,然后是系统路径 IncludeDir

ionic后台返回的数据是html模板的时候,解析html文件的方法:

1.后台返回来的数据格式是: { "state":"100", "data":[ {"Content": "\u003c!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"\u003e\

springmvc,通过ajax方式提交页面数据,后台返回json数据中文信息乱码

本人刚开始接触springmvc,项目搭建参照https://my.oschina.net/gaussik/blog/385697.在用IDEA写登录注册的时候,想通过ajax方式提交数据到后台,然后遇到如题所述的乱码问题,然后度娘了好多,终于解决了.废话不多说,直接上代码. 首先是登录页面login.jsp 1 <%-- 2 Created by IntelliJ IDEA. 3 User: PENG027 4 Date: 2016/11/11 5 Time: 15:48 6 To chang

如何优雅的写一个分页代码(三)

此分页的步骤完全是按照:见我的博客点击打开链接,这个图的步骤来写分页的 1.写PageBean类,见我的博客点击打开链接 2.写Action类,将jsp中需要的类放到指定的作用域中,这里我放到了值栈中,因为这样就可以直接使用属性了. /*显示单个列表*/ public String show(){ //准备数据forum Forum forum=forumService.getById(model.getId()); ActionContext.getContext().put("forum&q

laravel后台返回ajax数据

后台模式: 1 $array = array('msg'=>'添加失败!','status'=>'false'); 2 return json_encode($array); 前台显示: 1 $.ajax({ 2 url: "{{url('ucenter/saveTrain')}}", 3 type: "post", 4 dataType: "json", 5 data: {"content": content,&

iOS 下载图片 -当后台返回的数据是文件流而不是图片url

NSString *urlStr = [NSString stringWithFormat:@"%@uploadFileRest/downFile",[AFAppDotNetAPIClient getUrl]]; NSURL *url = [NSURL URLWithString:urlStr]; NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url]; request.HTTPMethod = @

写一个驱动通用的Makefile

1.Makefile模板 #generate the pathCURRENT_PATH:=$(shell pwd) #the absolute pathLINUX_KERNEL_PATH:=/home/steven/PCU/linux-2.6.35.3 #complie objectall: make -C $(LINUX_KERNEL_PATH) M=$(CURRENT_PATH) modulesclean: make -C $(LINUX_KERNEL_PATH) M=$(CURRENT_P