php全选分页考试题,所有分页数据全选

本文探讨了一种优化用户体验的方法,即在前端实现全选所有分页数据的功能。通过一次性从后端获取全部数据,然后根据分页参数进行截取,模拟分页效果并实现全选功能。在数据处理过程中,文章详细解释了如何获取当前页数据,以及如何处理全选和反选的操作,同时确保了数据的一致性和用户交互的便捷性。
摘要由CSDN通过智能技术生成

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

55048e765d847b4c1b82c7f20aa7a5b2.png

全选

{{item.SectionName}}

:page-size="par.pageSize" :page-sizes="pageArr" layout="total, sizes, prev, pager, next,jumper" :total="pageTotal">

ListSectionChange(val) {

var _this = this;

$.request({

url: "/api/assessCheckReport/GetAssessAllSectionNoPaging",

type: "get",

isLoad: true,

data: {},

success: function (data) {

var start = (_this.par.pageIndex - 1) * _this.par.pageSize

var end = _this.par.pageIndex* _this.par.pageSize + 1

//获取当前页数据,当前分页会有选中样式

_this.ListSectionData = data.slice(start, end)

//全选反选功能

if (_this.checkedListSection.length == data.length) {

_this.checkedListSection = []

} else {

for (var i = 0; i < data.length; i++) {

_this.checkedListSection.push(data[i].SectionId)

}

}

//确定按钮保存选择,取消的话不保存

_this.checkedListSectionTemp == _this.checkedListSection

//数组去重

_this.checkedListSection = _this.newArr(_this.checkedListSection)

}

})

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值