html 已完成 进行中 js $(function(){ var userId=window.localStorage.getItem("userId"); var itemIndex = 0; var tab1LoadEnd = false; var tab2LoadEnd = false; // tab $('.tab .item').on('click',function(){ var $this = $(this); itemIndex =
已完成
进行中
js
$(function(){
var userId=window.localStorage.getItem("userId");
var itemIndex = 0;
var tab1LoadEnd = false;
var tab2LoadEnd = false;
// tab
$('.tab .item').on('click',function(){
var $this = $(this);
itemIndex = $this.index();
$this.addClass('cur').siblings('.item').removeClass('cur');
$('.lists').eq(itemIndex).show().siblings('.lists').hide();
// 如果选中菜单一
if(itemIndex == '0'){
// 如果数据没有加载完
if(!tab1LoadEnd){
// 解锁
dropload.unlock();
dropload.noData(false);
}else{
// 锁定
dropload.lock('down');
dropload.noData();
}
// 如果选中菜单二
}else if(itemIndex == '1'){
if(!tab2LoadEnd){
// 解锁
dropload.unlock();
dropload.noData(false);
}else{
// 锁定
dropload.lock('down');
dropload.noData();
}
}
// 重置
dropload.resetload();
});
var counter1 = 0;
var counter2 = 0;
// 每页展示5个
var num = 6;
var pageStart = 0,pageEnd = 0;
// dropload
var dropload = $('.content').dropload({
scrollArea : window,
loadDownFn : function(me){
// 加载菜单一的数据
if(itemIndex == '0'){
$.ajax({
async:false,
cache:false,
url:'/appEnterpriseAbility/getListData',
data:{'userId':userId,'status':'1','pageNum':'1','pageSize':'100000'},
type:'POST',
dataType: 'json',
success: function(data){
if(data.status==1){
var result = '';
counter1++;
pageEnd = num * counter1;
pageStart = pageEnd - num;
if(pageStart <= data.page.list.length){
for(var i = pageStart; i < pageEnd; i++){
result +="
"
+"
" +"
"+data.page.list[i].applicationName+"
" +"
部门："+data.page.list[i].departmentName+"
" +"
创建者："+data.page.list[i].createUserName+"
" +"
"
+"
" +"
"+data.page.list[i].createTime+"
" +"
详情" +"
"
+"
";
if((i + 1) >= data.page.list.length){
// 数据加载完
tab1LoadEnd = true;
// 锁定
me.lock();
// 无数据
me.noData();
break;
}
}
// 为了测试，延迟1秒加载
setTimeout(function(){
$('.lists').eq(0).append(result);
// 每次数据加载完，必须重置
me.resetload();
},1000);
}
}else{
// 数据加载完
tab1LoadEnd = true;
// 锁定
me.lock();
// 无数据
me.noData();
// 为了测试，延迟1秒加载
setTimeout(function(){
$('.lists').eq(0).append(result);
// 每次数据加载完，必须重置
me.resetload();
},1000);
}
},
error: function(xhr, type){
//alert('Ajax error!');
// 即使加载出错，也得重置
me.resetload();
}
});
// 加载菜单二的数据
}else if(itemIndex == '1'){
$.ajax({
async:false,
cache:false,
url:'/appEnterpriseAbility/getListData',
data:{'userId':userId,'status':'0','pageNum':'1','pageSize':'100000'},
type:'POST',
dataType: 'json',
success: function(data){
if(data.status==1){
var result = '';
counter2++;
pageEnd = num * counter2;
pageStart = pageEnd - num;
if(pageStart <= data.page.list.length){
for(var i = pageStart; i < pageEnd; i++){
result +="
"
+"
" +"
"+data.page.list[i].applicationName+"
" +"
部门："+data.page.list[i].departmentName+"
" +"
创建者："+data.page.list[i].createUserName+"
" +"
"
+"
" +"
"+data.page.list[i].createTime+"
" +"
详情" +"
"
+"
";
if((i + 1) >= data.page.list.length){
// 数据加载完
tab2LoadEnd = true;
// 锁定
me.lock();
// 无数据
me.noData();
break;
}
}
// 为了测试，延迟1秒加载
setTimeout(function(){
$('.lists').eq(1).append(result);
// 每次数据加载完，必须重置
me.resetload();
},1000);
}
}else{
// 数据加载完
tab2LoadEnd = true;
// 锁定
me.lock();
// 无数据
me.noData();
// 为了测试，延迟1秒加载
setTimeout(function(){
$('.lists').eq(1).append(result);
// 每次数据加载完，必须重置
me.resetload();
},1000);
}
},
error: function(xhr, type){
//alert('Ajax error!');
// 即使加载出错，也得重置
me.resetload();
}
});
}
}
});
});