js分页

来源：互联网发布：视频编辑软件慢动作编辑：程序博客网时间：2024/06/15 14:33

page.js:

//分页控件单击事件function pageClick(callBack) {    $("div.pageCon a").click(function () {        var id = $(this).attr("id");        if ($("#"+id).html() == pageIndex) {            return;        }        if (id == "prev") {            pageIndex--;        }        else if (id == "next") {            pageIndex++;        }        else {            pageIndex = $("#"+id).html();        }        pageIndex = parseInt(pageIndex);        if (pageIndex < 1 || pageIndex > pageCount) {            return;        }        callBack();    });}//刷新分页控件function pageRefresh(callBack) {    if (recordCount > 0) {        if (recordCount % pageSize == 0) {            pageCount = recordCount / pageSize;        }        else {            pageCount = (recordCount - recordCount % pageSize) / pageSize + 1;        }        pageIndex = parseInt(pageIndex);        if (pageIndex < 1) {            pageIndex = 1;        }        else if (pageIndex > pageCount) {            pageIndex = pageCount;        }        var pagelist = "";        if (pageIndex == 1) {            pagelist = "<span  class='prev-disabled'>&lt上一页<b></b></span> " + "<a id='1'>1</a> ";        }        else {            pagelist = "<a id='prev' class='prev' href='javascript:void(0)'>&lt上一页<b></b></a> " + "<a id='1' href='javascript:void(0)'>1</a> ";        }        if (pageIndex - 2 > 2) {            pagelist += "<span class='text'>...</span> ";        }        if (1 < pageIndex - 2 && pageIndex - 2 < pageCount) {            pagelist += "<a id='" + (pageIndex - 2) + "' href='javascript:void(0)'>" + (pageIndex - 2) + "</a> ";        }        if (1 < pageIndex - 1 && pageIndex - 1 < pageCount) {            pagelist += "<a id='" + (pageIndex - 1) + "' href='javascript:void(0)'>" + (pageIndex - 1) + "</a> ";        }        if (1 < pageIndex && pageIndex < pageCount) {            pagelist += "<a id='" + pageIndex + "'>" + pageIndex + "</a> ";        }        for (var i = pageIndex + 1; i < pageCount && i <= pageIndex + 2; i++) {            pagelist += "<a id='" + i + "' href='javascript:void(0)'>" + i + "</a> ";        }        if (pageIndex + 3 < pageCount) {            pagelist += "<span class='text'>...</span> ";        }        if (pageIndex < pageCount) {            pagelist += "<a id='" + pageCount + "' href='javascript:void(0)'>" + pageCount + "</a> " + "<a id='next' href='javascript:void(0)' class='next'>&gt下一页<b></b></a>";        }        else if (pageIndex > 1) {            pagelist += "<a id='" + pageCount + "'>" + pageCount + "</a> " + "<span class='next-disabled'>&gt下一页<b></b></span>";        }        else {            pagelist += "<span class='next-disabled'>&gt下一页<b></b></span>";        }        $("#page").html(pagelist);        $("#" + pageIndex).addClass("active");        pageClick(callBack);    }    else {        $("#page").empty();    }}

引用的vm:

<!--分页页脚开始--><div class="pageBox clearfix">    <div class="pageCon fr" id="page">    </div></div><!--分页页脚结束-->

设置页面大小和当前页的js,放在当前vm

<script type="text/javascript" language="javascript">    var pageIndex = 1;    var pageSize = 10;    var pageCount = 12;    var recordCount = 120;    $(document).ready(function (event) {        pageRefresh(function () {            doPaging();        });    });    function doPaging() {        //start        //这里写你要做的操作        //end        pageRefresh(function () {            doPaging()        });    }</script>

0 0