//这段代码表示获取数据 isUp为true表示上拉刷新 false表示下拉加载
$scope.loadGasCompany = function(page, isUp){mui.ajax(ipPort + '/dc/queryData/load/gasCompany.do?', {
data: {
pageSize: page.size,
pageNumber: page.num
},
dataType: 'json',
type: 'post',
async: false,
contentType: "application/x-www-form-urlencoded; charset=utf-8",
timeout: 30000, //超时时间设置为10秒;
success: function(data) {
debugger;
// $(".loader-inner").hide();
if(page.num != 1) {
mescroll.endBySize(data.length, data[0].total);
$scope.gasCompanydatas = $scope.gasCompanydatas.concat(data);
$scope.$apply();} else {
mescroll.endSuccess();
mescroll.endBySize(data.length, data[0].total);
$scope.gasCompanydatas = data;
$scope.$apply();
}
//$scope.waterCompanydatas.push(data);
console.log($scope.gasCompanydatas);
$scope.$apply();
},
error: function(xhr, type, errorThrown) {
//debugger;
$(".loader-inner").hide();
//异常处理;
console.log(type);
}
});
}
````
````
//mescroll的配置
var mescroll = new MeScroll("mescroll", {
down: {
auto: false,
callback: downCallback
},
up: {
page:{
num : 0,
size : 20,
time : null
},
auto: true,
callback:upCallback,
isBounce: true
}
});
function downCallback(page){
mescroll.resetUpScroll();
//$scope.loadGasCompany({num:1,size:20}, false);
mescroll.endSuccess();
}
function upCallback(page){
debugger;
//$scope.page.pageNumber++;
$scope.loadGasCompany(page, false);
$scope.$apply();
}
````
//获取全部数据 为了能够顶部筛选用
$scope.loadAllData = function() {
mui.ajax(ipPort + '/dc/queryData/load/gasCompany.do?', {
data: {
pageSize: 0,
pageNumber: 0
},
dataType: 'json',
type: 'post',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
timeout: 30000, //超时时间设置为10秒;
success: function(data) {
debugger;
$scope.totalData = data;
$scope.$watch('searchInput', function(n, o) {
if(n != ""){
$scope.gasCompanydatas = [];
for(var i = 0; i < $scope.totalData.length; i++) {
if($scope.totalData[i].companyName.indexOf(n) >= 0) {
$scope.gasCompanydatas.push($scope.totalData[i]);
}
}
}
}, false);
},
error: function(xhr, type, errorThrown) {
//debugger;
$(".loader-inner").hide();
//异常处理;
console.log(type);
}
});
}
$scope.loadAllData();
mescroll和angularjs结合实现列表上拉刷新以及下拉加载以及搜索
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- --为什么要使用Recyclerview替代ListView等? 目前的项目中已经逐步抛弃了ListView...
- 定义两个集合存储数据 左右切换:给定标志flag,重置adapter集合,刷新adapter。 下拉刷新:page...
- react-native列表FlatList下拉刷新上拉加载更多实现 具体代码懒得择了,这里只给出比官网文档全一点...