jquery 插件之分页控件_订单分页插件源码-优快云博客

本文链接：https://blog.youkuaiyun.com/manbufenglin/article/details/6591145

此插件已发布到jquery官网，请猛点击此处：=> jquery.zhjwPager.V1.0

 <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script src="Scripts/jquery.zhjwPager.V1.0.js" type="text/javascript"></script>

    <script type="text/jscript">
        $(function() {
           
            var $pager = $("#pager");
            var $info = $("#divInfo");
            var recordCount = 100;

            $.fn.setPager.defaults.PageCountToShow = 10;
            $.fn.setPager.defaults.PageSize = 5;
            $.fn.setPager.defaults.RecordCount = recordCount;

            var pagerClick = function(RecordCount, PageIndex) {
                $pager.setPager({ PageIndex: PageIndex });
                var info = "总记录:" + RecordCount + "! 当前页：" + PageIndex;
                $info.html(info);
            };

            var options = { PageIndex: 1 };
            $.fn.setPager.defaults.pagerClick = pagerClick;
            //加载页数及页码
            $pager.setPager(options);
            pagerClick(recordCount, 1); //设置第一页
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="pager">
    </div>
    <div id="divInfo"></div>
    </form>
</body>
</html>