浅谈appcan4.0新版本的上拉加载和下拉刷新

置顶其实很简单fu

于 2019-04-24 14:36:56 发布

阅读量285

点赞数

CC 4.0 BY-SA版权

分类专栏： appcan 文章标签： appcan 上拉加载和下拉刷新 MVVM

本文链接：https://blog.youkuaiyun.com/weixin_44932188/article/details/89492372

appcan 专栏收录该内容

3 篇文章

订阅专栏

本文分享了在AppCan框架中使用MVVM模式的经验，详细介绍了如何实现上拉加载和下拉刷新功能，通过BackBone.js封装，展示了具体的JS代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于公司用到appcan的框架，顺便学了下框架的MVVM，appcan的MVVM是基于backBone.js进行封装的。废话不多说了，贴出js代码。
在viewModel里events事件里加载上拉加载和下拉刷新代码：

var ViewModel_Fj17Ja = new(MVVM.ViewModel.extend({
    el: "#ScrollContent",
    events: {
		"reload" : function(ev, param) {
			page.hasMore=true;
			page.currentPage=1;
			this.collection.fetch({
				"success" : function(collection,reponse,options) {
					param.reset();
				},
				"error" : function(collection,reponse,options) {
					param.reset();
				},
				reset:true,//重置
				merge:false,//合并
				add:false,//添加
				remove:true//移除
			});
		},
		"more" : function(ev, param) {
			if(!page.hasMore) return;
			page.currentPage++;
			this.collection.fetch({
				"success" : function(collection,reponse,options) {
					if(reponse.totalPage==page.currentPage){
						page.hasMore=false;
					}
					param.reset();
				},
				"error" : function(collection,reponse,options) {
					param.reset();
				},
				reset:false,//重置
				merge:true,//合并
				add:true,//添加
				remove:false//移除
			});
		},
    },