layui基于js ajax的分页组件

一、引入layui

改成自己的路径

二、 分页代码

 <div id="demo20" align="right"></div>
layui.use(['laypage', 'layer'], function(){
            var laypage = layui.laypage
                ,layer = layui.layer;
            $.ajax({
            type: "post",
            url: getContextPath() + '/jd2/analysis2_selectSchedulesNum.action',
            async: false,
            data: {"scheduleName": scheduleName},
            dataType: "json",
            success: function (datas) {
                var arrsd = datas.rows;
                laypage.render({
                    elem: 'demo20'
                    ,limit: 60//自定义每页显示多少条
                    ,count: arrsd.length
                    ,jump: function(obj){
                        //模拟渲染
                        document.getElementById('bvd').innerHTML = function(){
                            var arr = []
                                ,thisData = arrsd.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
                            // layui.each(thisData, function(index, item)
                                var sssd="";
                                for (var j = 0; j <thisData.length ; j++) {
                                    arr=[];
                                    var s=thisData[j].scheduleTime;
                                    s=s.substring(0, 10);
                                    if (thisData[j].scheduleStatus == 0) {
                                        sssd+="<div class='itemd'>" + s + "</div>";
                                    }
                                    if (thisData[j].scheduleStatus == 1) {
                                        sssd+='<a href="#"  style="color: red" onclick="messaged(\''+thisData[j].scheduleErrorLog+'\')" ><div      class="itemb">'+ s + '</div></a>';
                                    }
                                    arr.push(sssd);
                                }
                           
                            // });
                            return arr.join('');
                        }();

                    }
                });

            }
        });

        });