jquery 分页

原来一直都是用是AspnetPager 分页控件 简单强大 , 可是后来发现不兼容IE10, 在IE10 下需要改服务器上的配置 但是我们公司规定服务器的配置我们是不能随便改的所以只能换成Jquery 分页了

第一步 :引用库 jquery.pagination.js

第二步:加入下面的js ,Pagination 为dIV 的id  ,分页空间会显示在 Pagination 里 ,pcount 是数据的总条数 link_to 后跟的是参数page 是必须的 其余的可以是查询参数                    

 $(function() {
        //分页参数设置
        $("#Pagination").pagination(<%=pcount %>, {
        callback: pageselectCallback,
        prev_text: "« 上一页",
        next_text: "下一页 »",
        items_per_page:<%=pagesize %>,
		num_display_entries:10,
		current_page:<%=page %>,
		num_edge_entries:2,
		link_to:"?page=__id__&orderstate=<%=state %>&startdate=<%=StartDate %>&enddate=<%=EndDate %>&ruletype=<%=ruletype %>&orderid=<%=orderid %>&username=<%=UserName %>&CType=<%=CType %>"
       });
    });
    function pageselectCallback(page_id, jq) {
        //alert(page_id); 回调函数,进一步使用请参阅说明文档
    }

  

  

原文地址:https://www.cnblogs.com/zplvpp520/p/3819757.html