您的位置：首页 > Web前端 > JQuery

jquery 插件之分页控件

2011-07-07 18:48 591 查看
此插件已发布到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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航