mui 上拉刷新下拉加载 pullToRefresh

/**
 * 分页
 */
function pagination() {
	mui('.mui-scroll-wrapper').scroll({
		indicators: true
	}); //初始化scroll组件

	// 刷新组件对象 // 处理中
	var pullToRefresh = mui('#refresh_container').pullToRefresh({
		down: {
			auto: true,
			callback: function() {
				pageNum = 1; //重置页码
				var _self = this;
				var ul = _self.element.querySelector('.pullQuestion');

				load_keywork_data(pageNum, pageSize, ul, 0);
				setTimeout(function() {
					_self.endPullDownToRefresh(false);
					_self.refresh(true);
				}, 1000);
			}
		},
		up: {
			auto: true, //默认执行一次上拉加载
			contentinit: '上拉加载更多信息',
			contentdown: '上拉加载结束',
			contentrefresh: '正在加载信息请稍等',
			contentnomore: '没有更多数据',
			callback: function() {
				pageNum += 1; //页码加1
				var _self = this;
				var ul = _self.element.querySelector('.pullQuestion');
				load_keywork_data(pageNum, pageSize, ul, 1);
				setTimeout(function() {
					_self.endPullUpToRefresh(pageNum === totalPage); //最后一页加载完成后禁用上拉	
				}, 1000);
			}
		}
	});
}
function load_keywork_data(p_pageNum, p_pageSize, p_ul, key) {
	var userId = plus.storage.getItem("USERID");
	var dataForm = {
		'userId': userId,
		'rows': p_pageSize,
		'page': p_pageNum,
		'month_': monthDate,
		'sort': 'updatetime',
		'order': 'desc'
	}
	console.log("dataForm:" + JSON.stringify(dataForm));
	fhAjaxSynch("接口", dataForm, "post", 10000, function(_json) {
		if(_json.status == "error") {
			mui.toast(_json.message);
			return;
		} else {
			var jsonData = JSON.parse(_json.data);
			var html = "";
			if(jsonData.rows.length == 0) {
				if(p_pageNum == 1) {
					document.getElementById("segmented").style.display = "none";
					document.getElementById("noDataId").style.display = "";
				}
			} else {
				document.getElementById("segmented").style.display = "";
				document.getElementById("noDataId").style.display = "none";
				var totalRows = jsonData.total;
				if(totalRows % p_pageSize === 0) {
					totalPage = totalRows / p_pageSize;
				} else {
					totalPage = parseInt(totalRows / p_pageSize) + 1;
				}
				var data = jsonData.rows;
				html = int_keywork_hmtl(data);
				if(key == 0) {
					p_ul.innerHTML = html;
				} else {
					p_ul.innerHTML += html;
				}
			}
		}
	});
}

添加筛选条件重新获取数据

//添加searchData自定义事件监听
window.addEventListener('searchData', function(event) {
	//获得事件参数
	monthDate = event.detail.formData;
	pageNum = 1;
	var ul = document.getElementById("keyWorkList");
	load_keywork_data(pageNum, pageSize, ul, 0);
	setTimeout(function() {
                mui('#refresh_container').pullToRefresh().refresh(true);
		mui('#refresh_container').pullToRefresh().endPullUpToRefresh(pageNum === totalPage); //最后一页加载完成后禁用上拉	
	}, 1000);
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值