jp-xxd-12355/src/utils/muiLoad.js

//上拉下拉加载功能
export const upDownLoadMore = (el, loadMorefun, refresh,obj) => {
	mui(el).pullRefresh({
		up: {
			height: expression(obj,'upheight',50) , //可选.默认50.触发上拉加载拖动距离
			auto: expression(obj,'upauto',false) , //可选,默认false.自动上拉加载一次
			contentrefresh: "正在加载...",
			contentnomore: '没有更多数据了',
			contentover : "释放立即刷新",
			callback: loadMorefun
		},
		down: {
			style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
			color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
			height: '20px', //可选,默认50px.下拉刷新控件的高度,
			range: '30px', //可选 默认100px,控件可下拉拖拽的范围
			offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
			auto: expression(obj,'downauto',false) , //可选,默认false.首次加载自动上拉刷新一次
			callback: refresh
		}
	})
    //on元素批量绑定事件
    mui(el).on('tap','a',function(){
        //mui框架下拉刷新上拉加载，click事件无效的解决方法
      
        //这个this代表点击那个li
        // mui.toast(this.innerHTML);
        this.click()
    });
}
function  expression(obj,field,defaultvalue) {
    if(obj){
        if(obj[field]){
            return obj[field];
        }
    }
    return defaultvalue;


}
export const endPullupToRefresh = (el,bl) => {
    if(!mui(el)||!mui(el).pullRefresh()){
        return;
    }
    mui(el).pullRefresh().endPullupToRefresh(bl);
}
//重置上拉加载
export const refresh = (el) => {
    if(!mui(el)||!mui(el).pullRefresh()){
        return;
    }
	mui(el).pullRefresh().refresh(true);
}
//禁用上拉刷新
export const disablePullupToRefresh = (el) => {
    if(!mui(el)||!mui(el).pullRefresh()){
        return;
    }
	mui(el).pullRefresh().disablePullupToRefresh();
}
//启用上拉刷新
export const enablePullupToRefresh = (el) => {
    if(!mui(el)||!mui(el).pullRefresh()){
        return;
    }
	mui(el).pullRefresh().enablePullupToRefresh();
}
//下拉刷新结束
export const endPulldown = (el) => {
    if(!mui(el)||!mui(el).pullRefresh()){
        return;
    }
	mui(el).pullRefresh().endPulldown();
}