記錄項目中用的laypage分頁代碼

最終才覺得，好記性不如爛筆頭，畢竟已經不是剛畢業時候的巔峰了，精力有所下降，很多時候記不住東西。

 

參考url：http://www.layui.com/laypage/

直接上代碼了

<script src="/assets/js/laypage/laypage.js"></script>

進入頁面時，默認加載第一頁；定時器每隔60秒取新數據：

    $(document).ready(function () {
        initPaganation();
        setInterval(function() {
            initPaganation();
    }, 60000);
    });

定義全局變量，保存當前頁碼：

    var pageConf = {
        currentPage: 1,
        pageSize: 10
    };

    function initPaganation() {
        var filter = getQueryAccount();

        var tableForSubTraderSearchArrays = $("#tableForSubTraderSearch input");

        var filter_stockCode = tableForSubTraderSearchArrays.eq(0).val();
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/*.do",
            data: {
                currentPage: pageConf.currentPage,
                pageSize: pageConf.pageSize,
                filter_subAccountNo: filter.checkedSubAccountId,
                filter_stockCode: filter_stockCode,
                isCalcSubTraders: filter.isCalcSubTraders
            },
            success: function (data) {
                hideLoading();
                if (data.state == 2) {
                    return;
                }

                var totalSize = data.size;
                var totalPage;
                if (totalSize % pageConf.pageSize == 0) {
                    totalPage = totalSize / pageConf.pageSize;
                } else {
                    totalPage = totalSize / pageConf.pageSize + 1;
                }
                laypage({
                    cont: $("#paganation"), //容器。值支持id名、原生dom對象，jquery對象,
                    pages: totalPage, //總頁數
                    curr:pageConf.currentPage,//當跳轉到其他頁后，全局變量被修改，這邊就能根據之前的頁碼保證刷新后依然還是之前的那一頁；比如刷新前停在第二頁，那么刷新后仍能保持在第二頁
                    skip: true, //是否開啟跳頁
                    skin: '#AF0000',
                    groups: 5, //連續顯示分頁數
                    jump: function (obj, first) { //觸發分頁后的回調
                        if (!first) { //點擊跳頁觸發函數自身，並傳遞當前頁：obj.curr
                            pageConf.currentPage = obj.curr;
//                            debugger
                            searchList(pageConf.currentPage, pageConf.pageSize);
                        }
                    }
                });
                responseHandle(data);
            }

        });
    }

    function searchList(currentPage, pageSize) {
//        showLoading();
        var filter = getQueryAccount();
        var arrays = $("#tableForSubTraderSearch input");

        var filter_stockCode = arrays.eq(0).val();
        var filter_deadlineStartTime = arrays.eq(1).val();
        var filter_deadlineEndTime = arrays.eq(2).val();
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/*.do",//此處的請求路徑和上面的是一樣的
            data: {
                currentPage: currentPage,
                pageSize: pageSize,
                filter_subAccountNo: filter.checkedSubAccountId,
                filter_stockCode: filter_stockCode,
                isCalcSubTraders: filter.isCalcSubTraders
            },
            success: responseHandle
        });

    }

    function responseHandle(data) {
        if (data.state != 0) {
            $(".s-tab-table  tr:not(:first)").html("");
            return;
        }
　　　　//process data     }