当前位置: 首页 > Web前端 > HTML

全选页面数据

时间:2023-04-02 23:59:50 HTML

通常我们的需求是全选当前页面的所有数据,但是有时候为了用户体验,可能需要全选页面的数据。这个需求的代码不难,主要是思路问题。有了思路,问题就很简单了。首先我们一定不能让后端返回分页后的数据,而是一次返回所有数据,然后我们根据pageSize和pageIndex截取数据,这样就做出了分页的效果全选

{{item.SectionName}}
ListSectionChange(val){var_this=this;$.request({url:“/api/assessCheckReport/GetAssessAllSectionNoPaging”,类型:“get”,isLoad:true,数据:{},成功:函数(数据){varstart=(_this.par.pageIndex-1)*_this.par.pageSizevarend=_this.par.pageIndex*_this.par.pageSize+1//获取当前页面数据,当前页面会有一个选中的样式_this.ListSectionData=data.slice(start,end)//全选和反选如果(_this.checkedListSection.length==data.length){_this.checkedListSection=[]}else{for(vari=0;i