Jquery分页控件

<div align="right" style="width: 100%">
	<ul class="pagination pagination-sm" id="pageUI">
	</ul>
</div>
<script type="text/javascript">
  //分页   totalPages总页数,visiblePages 显示页数,分页控件load时候加载总页数
  $("#pageUI").twbsPagination({
      totalPages: 3,
      visiblePages: 3,
      startPage:1,
      onPageClick: function (event, page) {
    	  $("#pageNo").val(page);  
    	  $("#pageNo").closest("form")[0].submit();
		  return;
      }
  });
</script>
以上公共page.jsp页面,include其他页面中,供其他人使用,有利于减少这部分开发代码量以及BUG修复时间。
ps:这种提交是刷新页面,如果页面上有图表,就需要刷新ajax提交action来获得数据来置换table里面的分页数据,而图表的是全部内容数据。这个在开始编码时候都需要考虑进去。

 

你可能感兴趣的:(web项目公用)