layui 模板引擎与流加载一起使用

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);
            });
        }
    })
})