用户登录

现在我们可以处理一下分页器上的上一页,下一页导航上的链接 .. 回到这个 pagination 组件 .. 先找到 Previous 链接 ..

链接的地址可以先判断一下 .. 如果 page 就是当前页码小于等于 1 ..

这个链接地址可以是一个 # .. 不然的话地址可以是 ?page= 后面加上当前页的上一页的页码 .. 用一下之前我们定义的视图全局方法 parsetInt 处理一下 page 的值,再减 1 ..

如果没有上一页了,可以把这个项目变成禁用状态 .. 在它的 li 标签上绑定个东西 .. 判断一下 .. 如果 page 小于等于 1 .. 就添加一个 disabled 类 .. 不然就什么也不做 ..

Next

再去处理一下 Next 这个链接 .. 同样要判断一个条件 .. 如果 page 大于等于 lastPage 这个 lastPage 是总页数 .. 这样就让链接地址是 # 号 .. 不然的话 .. 链接地址应该是 ?page= ,加上 parsetInt .. page 加 1 .. 就是下一页的页码 ..

在 li 元素的 class 属性里面再绑定个东西 .. 判断一下 page 是不是大于等于 lastPage .. 如果是就添加一个 disabled 类 .. 不是就什么也不做 ..

预览

回到浏览器,再试一下 ... 按一下 Next 链接 ... 会打开下一页的内容 ... 到最后一页的时候 .. 这个 Next 会变成禁用状态 ...

按一下这个 Previous 链接 .. 打开的就是上一页的内容 ... 浏览到第一页的时候 .. 它会变成禁用状态 ..

上一页,下一页导航链接《 Node.js 应用:分页器 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点