- 51Aspx源码必读.txt[3KB]
- Default.aspx[2KB]
- Default.aspx.cs[283B]
- jBootsrapPage.css[2KB]
- jBootstrapPage.js[11KB]
- jquery-1.10.2.min.js[90KB]
- Web.config[1KB]
- from.gif[4KB]
- jBootstrapPage.sln[1KB]
- LICENSE[10KB]
- README.md[1KB]
- 最新Asp.Net源码下载.url[123B]
源码介绍
一、源码特点
JS分页控件,Bootstrap风格
二、功能介绍
一个Bootstrap风格的分页控件,对于喜欢Bootstrap简洁美观和扁平化的同学可以关注jBootstrapPage, 目前jBootstrapPage最新版为V0.1,后续还有更多功能需要完善。
三、注意事项
代码示例
1、html代码
<html>
<head>
<link href="jBootsrapPage.css" rel="stylesheet" />
<script src="jquery-1.10.2.min.js"></script>
<script src="jBootstrapPage.js"></script>
</head>
<body>
<div>
<ul class="pagination"></ul>
</div>
<body>
</html>
2 、javascript代码调用
每页显示多少条数据(pageSize),显示多少个分页按钮(buttons),传入数据总行数(total)即可, 如果需要在选中某一页,然后去请求服务器端,可以在onPageClicked回调函数中完成。
<script type="text/javascript">
$(function(){
createPage(10, 13, 150);
function createPage(pageSize, buttons, total) {
$(".pagination").jBootstrapPage({
pageSize : pageSize,
total : total,
maxPageButton:buttons,
onPageClicked: function(obj, pageIndex) {
alert((pageIndex+1)+'页');
}
});
}
});
</script>
下载记录(Only Recent 100)
用户名 | 推荐指数 | 下载时间 |
---|