一、下载z-paing插件
![](https://i-blog.csdnimg.cn/direct/3e2f91df42454d1c8aa94dd01b824643.png)
注意下载下载量最多的这个
进入Hbuilder以后点击"确定"
![](https://i-blog.csdnimg.cn/direct/e1e7642e2aec49bc8587775d8ad8a03f.png)
插件的官方文档地址:
二、z-paging插件的使用
在文档中向下滑动,会有使用方法。
使用z-paging标签将所有的内容包起来
配置标签中的属性
![](https://i-blog.csdnimg.cn/direct/d720e24cb8694589a7881b23a261516f.png)
在script标签中进行配置:
-
声明paging
-
在queryList函数中调用获取数据函数,并传入两个参数
-
在获取数据函数中限制获取数据的范围
-
使用paging去接受获取的 数据
-
try catch去处理数据获取错误
![](https://i-blog.csdnimg.cn/direct/e69987c9b9af4a62b9185a3cbf42d35e.png)
当我们的数据列表中添加了新的数据的时候,刷新方式也会改变,要使用reload方法进行刷新
![](https://i-blog.csdnimg.cn/direct/138ba5698ee34d26a4b2e777512c52b9.png)