仿头条新闻app，实现下拉刷新，上拉加载分页

---恢复内容开始---

环境appcan

appcan.ready(function() {page = 1;type = 0;searchDate = getNowTime();highSearch(type);appcan.frame.setBounce([0,1], function(type) {//$("#pullstatus"+type).html(!type?"开始下拉":"开始上拖");}, function(type) {//$("#pullstatus"+type).html(!type?"下拉超过临界点,产生事件了！":"超过临界点,产生事件了！");}, function(type) {//$("#pullstatus"+type).html("松手了,产生事件了,开始更新数据！");setTimeout(function() {appcan.frame.resetBounce(type);//$("#pullstatus"+type).html("");if(type==0){//下拉刷新page = 1;highSearch(type);}else if(type==1){//上拉加载下一页page++;highSearch(type);}}, 1000);});});

在ready函数中加入上面代码，page用来记录分页，type用来判断是下拉刷新还是上拉加载下一页的新闻。

加载新闻的函数要有page属性来加载对应的分页，要有判断type的if。

例如

if (type == 1) {$("#searchHighResult").append(str);appcan.window.openToast("加载完毕", 1000, 5, 0);} else {$("#searchHighResult").html(str);appcan.window.openToast("刷新成功", 1000, 5, 0);}

注意append和html，append是追加

转载于:https://www.cnblogs.com/tingfengqieyu/p/5069647.html

仿头条新闻app，实现下拉刷新，上拉加载分页相关推荐

（仿头条APP项目）6.点击过的新闻列表文字变灰和下拉刷新与滚动加载新闻数据
文章目录一.点击过的新闻列表文字变灰效果图实现思路导入ormlite数据库类依赖利用ormlite创建数据库和表创建数据库类MyDbHelper 创建数据库中的新闻实体类NewInfo 页 ...
listview下拉刷新上拉加载扩展（三）-仿最新版美团外卖
本篇是基于上篇listview下拉刷新上拉加载扩展(二)-仿美团外卖改造而来,主要调整了headview的布局,并加了两个背景动画,看似高大上,其实很简单: as源码地址:http://downloa ...
vue 仿B站下拉刷新上拉加载
vue 仿B站下拉刷新上拉加载功能大部分都是跟B站一样的,还是有一些瑕疵和小bug的,φ(>ω<*) 先上demo连接和gitHub项目地址吧 demo展示 https://github ...
listview下拉刷新上拉加载扩展（二）-仿美团外卖
经过前几篇的listview下拉刷新上拉加载讲解,相信你对其实现机制有了一个深刻的认识了吧,那么这篇文章我们来实现一个高级的listview下拉刷新上拉加载-仿新版美团外卖的袋鼠动画: 项目结构: 是 ...
Android自定义控件实战——实现仿IOS下拉刷新上拉加载 PullToRefreshLayout
下拉刷新控件,网上有很多版本,有自定义Layout布局的,也有封装控件的,各种实现方式的都有.但是很少有人告诉你具体如何实现的,今天我们就来一步步实现自己封装的 PullToRefreshLayout ...
Android 下拉刷新上拉载入多种应用场景超级大放送（上）
转载请标明原文地址:http://blog.csdn.net/yalinfendou/article/details/47707017 关于Android下拉刷新上拉载入,网上的Demo太多太多了,这 ...
Android ListView 实现下拉刷新上拉加载
转载请注明出处:http://blog.csdn.net/allen315410/article/details/39965327 1.简介无疑,在Android开发中,ListView是使用非常频 ...
开启Fluter基础之旅五-------ListView 3D滚动、Flipper效果、ListView下拉刷新上拉加载、ListView重排序...
继续来来操练Flutter的基础,对于Flutter的学习也有一段时间了,实操项目还木有做过,所以待这次基础学完之后就打算用一个项目对之前所学的进行一下巩固,不然光学这些零散的知识点最终还是不会Flu ...
Android 下拉刷新上拉加载可以左右滑动
下面是下拉刷新上拉加载可以左右滑动的实例,下面是效果图: GitHub 下载地址:https://github.com/wuqingsen/MySlidingNested CSDN 下载地址:http ...
Android 下拉刷新上拉加载多种应用场景超级大放送（上）
转载请标明原文地址:http://blog.csdn.net/yalinfendou/article/details/47707017 关于Android下拉刷新上拉加载,网上的Demo太多太多了,这 ...

仿头条新闻app，实现下拉刷新，上拉加载分页

仿头条新闻app，实现下拉刷新，上拉加载分页相关推荐

最新文章

热门文章