前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >FusionDesign中分页组件的使用

FusionDesign中分页组件的使用

原创
作者头像
挥刀北上
发布2021-12-29 17:55:16
5580
发布2021-12-29 17:55:16
举报
文章被收录于专栏:Node.js开发Node.js开发

FusionDesign中的分页组件分为两种,受控组件和非受控组件,我们在做分页式,基本上用到的都是受控组件,因为在整个页面中,并不是只有分页组件控制着数据展示的总条数,过滤器也会影响数据的总条数,总条数发生变化,分页器必将发生变化,需要重新渲染。

最简单的分页器代码:

代码语言:javascript
复制
<Pagination total={PageObj.total} current={PageObj.current} onChange={OnPageHandleChange} />

Pagination有几个重要的参数,total、current、和onChange:

total是数据总条数,current是当前页面,onChange是页码发生变化时触发的事件,这里面有个隐藏的属性没有展示但是也是必须的就是每页展示数据的条数,pageSize,默认为10。

分页显示器一般在页面中展示的数据发生变化是需要重现渲染,比如过滤器变化,页码发生变化,删除某条数据,增加了某条数据,都需要分页器去重新渲染,渲染的依据是根据服务端返回的一些必要数据,数据总条数,当前页码,pagesize。

所以我们在页面数据发生变化时,一般会重新请求服务端的数据,以保证返回正确的total。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档