jquery 分页

最新推荐文章于 2024-11-16 14:11:26 发布

dongjiang7307

最新推荐文章于 2024-11-16 14:11:26 发布

阅读量115

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zplvpp520/p/3819757.html

版权

原来一直都是用是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