qlg.tsgz.moe/static/app2/js/new_product.js

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 += '<div class="block"><div class="b_title" data-shopId="' + this.shopId + '"><img class="b_img" src="' + hyhImgUrl(this.shopImg) + '" /><p class="storename">' + this.shopName + '</p><p class="time">' + this.newTime + '</p></div><div class="b_con clearfix">';

						$.each(this.goods, function() {
							html += '<img data-goodId="' + this.goodsId + '" src="' + hyhImgUrl(this.goodsImg) + '" />'
						});
						html += '</div></div>'
					});
					$('.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 += '<div class="block"><div class="b_title" data-shopId="' + this.shopId + '"><img class="b_img" src="' + hyhImgUrl(this.shopImg) + '" /><p class="storename">' + this.shopName + '</p><p class="time">' + this.newTime + '</p></div><div class="b_con clearfix">';

				$.each(this.goods, function() {
					html += '<img data-goodId="' + this.goodsId + '" src="' + hyhImgUrl(this.goodsImg) + '" />'
				});
				html += '</div></div>'
			});
			$('.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);
		var url = 'storeout.html';
		if(shopId==1){
//			url='self_shop.html'
		}
		mui.openWindow({
			url: url,
			id: url+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, //等待框背景区域高度，默认根据内容自动计算合适高度
					//						......
				}
			}
		})
	})

})