移动端 H5 上拉刷新,下拉加载
2024-09-01 14:41:45
http://www.mescroll.com/api.html#options
这里有几个重要的设置
1、down 下不启用下拉刷新是因为再手机端有默认的下拉刷新,会冲突,待解决
2、up 中的
auto 是第一次自动加载;
page是设置分页的size,一般num不在这里设置
clearEmptyId 是没有数据时显示提示无数据的容器Id
callback 是回调地址
//创建MeScroll对象
var mescroll = new MeScroll("mescroll",
{
down: {
use: false
},
up: {
auto: true,
page: { size: 5 },
clearEmptyId: "dataList",
callback: upCallback //上拉加载的回调
}
}); /*上拉加载的回调 page = {num:1, size:10}; num:当前页 从1开始, size:每页数据条数 */
function upCallback(page) {
//console.log("upCallback_num:" + page.num);
var olddata = null;
if (page.num !== 1) {
olddata = $scope.orders;
} $scope.searcher.Page = page.num;
$scope.searcher.Rows = page.size;
//console.log("Page:" + $scope.searcher.Page + "&Rows:" + $scope.searcher.Rows);
$http.post(apiUrl + "api/weixintruck/getlist", $scope.searcher).success(
function(data) {
//console.log(data.data);
if (data.code === 200) {
if (data.data.TotalItem > $scope.searcher.CurrentPage * $scope.searcher.PageSize) {
$scope.hasNextPage = true;
} else {
$scope.hasNextPage = false;
}
$scope.orders = data.data.Items;
if (olddata !== null && typeof (olddata) !== "undefined") {
$scope.orders = olddata.concat($scope.orders);
} mescroll.endBySize($scope.orders.length, data.data.TotalItem);
} else {
layer.open({
content: '非法操作',
skin: 'msg',
time: 2 //2秒后自动关闭
});
mescroll.endErr();
}
}).error(function() {
mescroll.endErr();
});
}
最新文章
- ubuntu如何安装nodejs最新版 本
- java web开发小细节
- 微软职位内部推荐-Senior Software Engineer_Azure
- GTD中回顾闭环
- sql中的行转列和列转行的问题
- 仿iOS底部弹出popUpWindow
- 对应键盘的ASCII码(备忘)
- 存储过程 务的概念 事务的特性 关于异常的处理 连接池 构JdbcUtil类
- css扁平化博客学习总结(四)content代码实现
- HDU 1175 连连看(BFS)
- Azure SQL 数据库的灵活缩放预览版简介
- hdu 4963(中途相遇法)
- Redis数据类型之列表List
- 51nod_1181:质数中的质数
- Java 浅拷贝和深拷贝的理解和实现方式
- SpringMVC之使用requestMapping映射请求、映射参数、映射头
- JAVA_新建一个方法并且求三个数中的最大值
- Loj #3089. 「BJOI2019」奥术神杖
- yii2在控制器中调用另一个控制器方法
- Win7 VS2013环境编译CGAL-4.7