jquery.pagination使用

常规的后台显示列表有一下部分：

一个搜索框，可输入，可为空

内容

分页

<div id="pageCount" style="display: none">
				<s:property value="pageCount" />
			</div>
			<div id="pageNum" style="display: none">
				<s:property value="pageNum" />
			</div>

			<div id="page" class="page"></div>

其中，pageCount是页数，pageNum是当前页数

<script type="text/javascript">
// page
// see=> http://tympanus.net/jPaginate/
$(function() {
	$("#page").paginate({
   		count       : parseInt($("#pageCount").html()),
    	start       : parseInt($("#pageNum").html()),
   		display     : parseInt($("#pageCount").html()),
   		border                  : true,
     	border_color            : '#ccc',
    	text_color              : '#000',
    	background_color        : '#fff',  
    	border_hover_color      : '#ccc',
    	text_hover_color        : '#fff',
    	background_hover_color  : '#006699', 
   		images                  : false,
    	mouse                   : 'press',
    	onChange				: function(selectedpage){
    		$("[name=pageNum]").val(selectedpage);
			$("#orderSearch").submit();
		}
	});

如果没有搜索框，则可以在每次onchane的时候构造一个 XXXXX/XXXX.action?pageNum=selectedpage  的连接，然后转到这个连接

但是由于搜索表单的存在，使得为action提交的数据情况变得复杂 ，具体代码参见十块购， 大致意思是在form表单里填充数据，

onChange的时候，更改隐藏的name为pageNum的input，然后提交表单。