1.引入layui的js文件
自行百度引入方法
2.使用方式
//定义一个Array用来存放数据
var DataArray = new Array();
//引入模板与流加载组件
layui.use('laytpl', function(){
var laytpl = layui.laytpl;
var flow = layui.flow;
flow.load({
elem: '#main-content-left' //指定列表容器
, done: function (page, next) { //到达临界点(默认滚动触发),触发下一页
//以jQuery的Ajax请求为例,请求下一页数据(注意:page是从2开始返回)
$.get('url地址', { 'page': page }, function (res) {
DataArray = DataArray.concat(res.data);//合并数组
//内容数据渲染
laytpl(demo1).render(DataArray, function (html) {
demo1_view.innerHTML = html;
});
//执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
//pagesum为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多
next('', page < res.pagesum);
});
}
})
})