文档章节

jQuery 分页插件 jPages 使用

abcijkxyz
 abcijkxyz
发布于 2016/08/06 11:53
字数 340
阅读 93
收藏 0

jQuery 分页插件 jPage实现了javascript分页。操作很傻瓜,在此记录一下。

 使用方式如下:

1.引入头文件(注意一定要把jQuery放在前面):

此处使用了动画效果

<!-- 使用插件的时候一定要引入jQuery!!!-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!-- jPage -->
  <link rel="stylesheet" href="css/jpage/jPages.css"/>
  <link rel="stylesheet" href="css/jpage/animate.css"/>
  <script src="js/jpage/jPages.min.js"></script>
   <script>
  $(function(){
    $("div.holder").jPages({
      containerID : "itemContainer",
      previous : "←",
      next : "→",
      perPage : 20,
      delay : 100
    });
  });
</script>

2.需要分页的<table>的<tbody>上(注意:不一定非得是<table>,也可以是<ul>等)的id标记为“itemContainer”,表明这里面放的是一行一行的内容。

class属性为“holder”的<div>用于放置“1”“2”“3”或者“Next”这类的导航链接。

注:本代码直接从SSH项目中拷贝出来,因此有EL等标签,可以忽略。

<div class="post_section">
  <h3>管理员信息</h3>
	<div class="holder"></div>
	<table id="alltable" cellspacing="0" class="tablesorter">
	<thead>
		<tr>
			<th>ID</th>
			<th>登录名</th>
			<th>姓名</th>
			<th>级别</th>
			<th>操作</th>
		</tr>
		</thead>
		<tbody id="itemContainer">
		<c:forEach items="${alladmin}" var="admin">
		<tr>    
			<td>${admin.id}</td>
			<td>${admin.loginname}</td>
			<td><a href="AdminReadByID_Admin2Action.action?adminid=${admin.id}">${admin.name}</a></td>
			<td>${admin.level}</td>
			<td><a href="AdminReadByID_Admin2Action.action?adminid=${admin.id}">查看</a>|
				<a href="AdminEditRead_Admin2Action.action?adminid=${admin.id}">编辑</a>|
				<a class="confirm" href="AdminDelete_Admin2Action.action?adminid=${admin.id}">删除</a>
			</td>
		</tr>
		</c:forEach>
		</tbody>
	</table> 
</div>

jPages项目主页: http://luis-almeida.github.io/jPages/index.html

jPages下载:http://download.csdn.net/detail/leixiaohua1020/6376509


本文转载自:http://blog.csdn.net/leixiaohua1020/article/details/12650563

abcijkxyz
粉丝 63
博文 6196
码字总数 1876
作品 0
深圳
项目经理
私信 提问

暂无文章

Oracle SQL语法实例合集

如需转载请注明出处https://my.oschina.net/feistel/blog/3052024 目的:迅速激活Oracle SQL 参考:《Oracle从入门到精通》 ------------------------------------------------------------......

LoSingSang
59分钟前
1
0
增加 PostgreSQL 服务进程的最大打开文件数

https://serverfault.com/questions/628610/increasing-nproc-for-processes-launched-by-systemd-on-centos-7 要在systemd的配置里加才行...

helloclia
今天
2
0
组合模式在商品分类列表中的应用

在所有的树形结构中最适合的设计模式就是组合模式,我们看看常用商品分类中如何使用。 先定义一个树形结构的商品接口 public interface TreeProduct { List<TreeProduct> allProducts(...

算法之名
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部