使用分页组件做分页逻辑的感悟

1.第一次做分页逻辑是在大屏CPR项目中,做的很杂乱,没有进行逻辑的梳理就开始写代码。

2.第二次做分页逻辑是在debrief系统中,需要先梳理逻辑,以下为梳理逻辑的过程。

a.分页分为两种情况,一种是加载后渲染页面,一种是并集搜索某些数据后的分页。

第一种分页逻辑简单,获取当前页码使用linq进行数据的展示,注意:这时候的数据要分为两套,一套是用于页面的展示数据,一套是从接口获取的原始数据,展示数据=深拷贝原始数据

 linq分页逻辑

        this.vue1.$data.debriefList.showCaseList=Enumerable.From(this.vue1.$data.debriefList.caseList).Skip(takeNum * (page - 1)).Take(takeNum).ToArray()

第二种逻辑需要借助另外一套数据,作为搜索后的源数据,也就是不能跟随分页逻辑去变化的数据。当做完搜索逻辑后,需要把搜索后的数据深拷贝一份保存起来,下面的分页逻辑都要使用这套不会变的数据去进行linq操作。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值