$(function () {
var zsIscrollHeight = $(".fmlistIscroll");
var cententHeight = $(".fmlistIscroll div:first-child");
heightvs(zsIscrollHeight,cententHeight);
//输入框快速删除初始化
mui(".mui-input-row input").input();
/**
* 初始化滚动条
* */
var iscroll;
iscroll = new IScroll(".fmlistIscroll",{
scrollbars: true,
fadeScrollbars:true,
scrollbars: 'custom',
shrinkScrollbars:'clip',
probeType: 2,
click:true,
});
setTimeout(function(){
iscroll.refresh();
}, 600);
/**
* 下拉刷新上拉加载数据
**/
var pullUp = $("#pullUp"),
pullUpLabel = $(".pullUpLabel"),
loadingStep = 0;//加载状态0默认,1显示加载状态,2执行加载数据,只有当为0时才能再次加载,这是防止过快拉动刷新
//滚动时触发
iscroll.on("scroll",function(){
if(loadingStep == 0 && !pullUp.attr("class").match('refresh')){
if(this.y < (this.maxScrollY - 14)){//上拉加载更多
pullUp.addClass("refresh").show();
pullUp.css({"background":"","background-size":""});
pullUpLabel.text("松手开始加载...");
loadingStep = 1;
iscroll.refresh();
}
}
});
//滚动结束触发
iscroll.on("scrollEnd",function(){
if(loadingStep == 1){
if( pullUp.attr("class").match("refresh") ){//上拉加载操作
pullUp.removeClass("refresh").addClass("loading");
pullUpLabel.text("");
pullUp.css({"background":"#D7DFEA url(views/haifmv/img/pullUp.gif) no-repeat center","background-size":"12%"});
loadingStep = 2;
pullUpAction();
iscroll.refresh();
}
}
});
/**
* 上拉加载方法
* */
function pullUpAction(){
var page = parseInt($("#page").val())+1;
var maxPages = $("#maxPages").val();
if (page <= maxPages) {
jQuery.ajax({
type : "get",
url : "addSjlrFmjlSrarch.htm",
data : {
"mcid" : $("#mcid").val(),
"cxeph": $("#dweb").val(),
"date" : $("#date").val(),
"page" : page
},
dataType : "json",
async : true,
success : function(data) {
setTimeout(function() {
for (var i = 0 ; i < data.length; i++) {
var obj = data[i];
oDiv = $("
"
+ "
"
+ "
"
+ "
"
+ "- "
+ "
"+obj.eph+"
"
+ " "
+ "- "
+ "
"
+ "
"
+ ""
+ "品类"
+ "
"
+ "
"+obj.pzStr+""
+ "
"
+ ""
+ "
"
+""
+ "当前状态"
+ "
"
+ "
"+obj.dqztStr+""
+ "
"
+ ""
+ "
"
+ ""
+ "怀孕天数"
+ "
"
+ "
"+obj.hyts +"天"
+ "
"
+ " "
+ "
"
+ "
"
+ "
"
+ "");
$(".addList").append(oDiv);
pullUp.attr("class","");
pullUpLabel.text("上拉加载更多");
pullUp.css({"background":""});
iscroll.refresh();
loadingStep = 0;
}
},1000);
$("#page").val(page);
}
});
}else {
pullUp.css({"background":"","background-size":""});
pullUpLabel.text("没有数据了");
iscroll.refresh();
}
}
/**
* 点击input获取焦点
* */
$(".mui-input-row.mui-search,.mui-input-row .mui-input-clear~.mui-icon-clear:before").on("touchstart", function (e) {
$("input[type='search']").focus();
});
/**
* 点击input以外失去焦点
* */
var beforeIpt=null;
$("input").on("focus", function (e) {
beforeIpt=this;
});
$(document).on("tap", function (e) {
if(e.target.nodeName.toLowerCase()!="input") {
if(beforeIpt) {
beforeIpt.blur();
beforeIpt=null;
}
}
});
/**
* 添加遮罩层并选中耳标
* */
$(".fmlistIscroll").on("tap",".rowflex",function(){
var that = $(this);
$(this).children().find(".xzxb>div").addClass("xzxboverlay").parent().parent().parent().siblings().children().find(".xzxb>div").removeClass("xzxboverlay");
var dataEp = this.getAttribute("data-ep");
var btnArray = ['否', '是'];
mui.confirm('是否选择'+ dataEp + "的耳牌编号",'提示', btnArray, function(e) {
if (e.index == 1) {
haifm.loadMobilePage("haifm", "hvSjlrFmAdd.htm?mcid=" + $("#mcid").val() + "&dweb=" + that.data("for") +"&rsid="+$("#rsid").val() + "&date=" + $("#date").val() +"&eph=" + dataEp);
} else {
that.children().find(".xzxb>div").removeClass("xzxboverlay");
}
});
});
$("#dweb").bind("blur", function() {
haifm.loadMobilePage("haifm", "getHaifmvFmjlSearchDweb.htm?mcid=" + $("#mcid").val() + "&cxeph=" + $("#dweb").val() + "&date=" + $("#date").val());
});
//模糊查询键盘enter键事件
$("input[type='search']").on('keypress',function(e) {
var keycode = e.keyCode;
if(keycode=='13') {
e.preventDefault();
//请求搜索接口
haifm.loadMobilePage("haifm", "getHaifmvFmjlSearchDweb.htm?mcid=" + $("#mcid").val() + "&cxeph=" + $("#dweb").val() + "&date=" + $("#date").val());
}
});
});
/**
* 返回
*/
function backUrl() {
haifm.loadMobilePage("haifm", "hvSjlrFmAdd.htm?mcid=" + $("#mcid").val());
}
//滑动高度和内容高度对比
function heightvs(zsIscrollHeight,cententHeight){
if(zsIscrollHeight.height() > cententHeight.height()){
$("#pullUp").hide();
}else{
$("#pullUp").show();
}
}