mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
height: '50px', //可选,默认50px.下拉刷新控件的高度,
range: '100px', //可选 默认100px,控件可下拉拖拽的范围
offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
// auto: true, //可选,默认false.首次加载自动上拉刷新一次
contentdown: "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover: "释放立即刷新", //可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh: "正在刷新...", //可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var count = 1;
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh();
count += 1;
// console.log(order_class)
mui.ajax(hyhUrl('app/Shops/listShopQuery'), {
data: {
page: count,
pagesize : 10
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒;
success: function(data) { //服务器返回响应,根据响应结果,分析是否登录成功;
// console.log(data.data.goodsFavoritesNum)
// console.log(data.data.Rows)
var data = toJson(data);
if(data.status == 1) {
data = data.data;
if(data.Rows.length == 0) {
mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
return;
}
var html = ''
$.each(data.Rows, function() {
html += '
 + ')
' + this.shopName + '
' + this.newTime + '
';
$.each(this.goods, function() {
html += '
 + ')
'
});
html += '
'
});
$('.con').append(html);
}
},
error: function(xhr, type, errorThrown) { //异常处理;
// alert(type);
}
});
}, 500);
}
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
window.location.reload();
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
mui.plusReady(function() {
var data = '';
mui.ajax(hyhUrl('app/Shops/listShopQuery'), {
data: {
pagesize: 10,
page: 1
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒;
success: function(data) { //服务器返回响应,根据响应结果,分析是否登录成功;
data = toJson(data);
data = data.data;
var html = '';
$.each(data.Rows, function() {
html += ' + ')
' + this.shopName + '
' + this.newTime + '
';
$.each(this.goods, function() {
html += '
 + ')
'
});
html += '
'
});
$('.con').html(html)
},
error: function(xhr, type, errorThrown) { //异常处理;
// alert(type);
}
});
mui('.con').on('tap', '.b_title', function() {
var shopId = $(this).attr('data-shopId');
//console.log(shopId);
mui.openWindow({
url: 'storeout.html',
id: 'storeout.html'+shopId,
styles: {
top: '0px', //新页面顶部位置
bottom: '0px', //新页面底部位置
width: '100%', //新页面宽度,默认为100%
height: '100%' //新页面高度,默认为100%
},
extras: {
shopId: shopId
// data_id: data_id
// ..... //自定义扩展参数,可以用来处理页面间传值
},
createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
show: {
// autoShow: true, //页面loaded事件发生后自动显示,默认为true
// aniShow: animationType, //页面显示动画,默认为”slide-in-right“;
// duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
// event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示
// extras: {} //窗口动画是否使用图片加速
},
waiting: {
autoShow: true, //自动显示等待框,默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度
// ......
}
}
})
})
mui('.con').on('tap', 'img[data-goodId]', function() {
var goodId = $(this).attr('data-goodId');
mui.openWindow({
url: 'details.html',
id: 'details.html'+goodId,
styles: {
top: '0px', //新页面顶部位置
bottom: '0px', //新页面底部位置
width: '100%', //新页面宽度,默认为100%
height: '100%' //新页面高度,默认为100%
},
extras: {
data_id: goodId
// ..... //自定义扩展参数,可以用来处理页面间传值
},
createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
show: {
// autoShow: true, //页面loaded事件发生后自动显示,默认为true
// aniShow: animationType, //页面显示动画,默认为”slide-in-right“;
// duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
// event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示
// extras: {} //窗口动画是否使用图片加速
},
waiting: {
autoShow: true, //自动显示等待框,默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度
// ......
}
}
})
})
})