js 分页按钮插件

macro.vm

#macro(init $dataLink)
	#set($data_link = $!dataLink)
#end

#macro(init $menuId $dataLink)
	#set($menu_id = $!menuId)
	#set($data_link = $!dataLink)
#end

#macro(init $menuId $dataLink $pagHeader)
	#set($menu_id = $!menuId)
	#set($data_link = $!dataLink)
	#set($page_header = $!pagHeader)
#end

#macro(pageNationIframe $data $colspan $url)
     <div #if($data.recordList.size() == 0)class="row DTTTFooter no-padding" style="height:40px; line-height:40px; text-align:center; font-size:14px;"#else class="row DTTTFooter" #end>
    	#if($data.recordList.size() == 0)
			<strong>没有数据</strong>
		#else
		<div class="col-sm-6">
    		<div class="dataTables_info" id="simpledatatable_info" role="alert" aria-live="polite" aria-relevant="all">第${data.currentPage}页/共 ${data.pageCount}页, 每页${data.numPerPage}条/共${data.totalCount} 条</div>
    	</div>

    	<div class="col-sm-6" style="width:50%;float:right;text-align:right;">
    		<div class="dataTables_paginate paging_bootstrap" id="simpledatatable_paginate">
    			<ul class="pagination">
				#set($prevPage = ${data.currentPage} - 1)
				#set($nextnPage = ${data.currentPage} + 1)
                <li #if(${data.currentPage}==1) class="prev disabled"#else class="prev"#end>
				    #if(${data.currentPage}==1)
						<a href="javascript:;">上一页</a>
					#else 
                        <a href="javascript:goPage($prevPage);">上一页</a>
					#end
                </li>
				#if(${data.pageCount} > 5)
    				#if(${data.currentPage}>2)
    				<li>
    					<a href="javascript:goPage(1);">1</a>
    				</li>
                    <li><i>···</i></li>
					#end
					
    				
    				#if(${data.currentPage} == 1)
    					#set($prevPage = 1)
    				#end
    				#if(${data.currentPage} == ${data.pageCount})
    					#set($nextnPage = ${data.pageCount})
    				#end
    				#set($offsetStart=1)
    				#set($offsetEnd=${data.pageCount})
    				#if($offsetEnd > 5)
    					#if($offsetEnd - ${data.currentPage} >= 1)
    						#set($offsetEnd = ${data.currentPage} + 1)
    					#end
    					#set($offsetStart = $offsetEnd - 2)
    					#if($offsetStart < 1)
    						#set($offsetStart = 1)
    						#set($offsetEnd = 3)
    					#end
    				#elseif($offsetEnd == 0)
    					#set($offsetEnd=1)
    				#end
    				
    				#foreach($foo in [$!offsetStart..$offsetEnd])
                    <li #if($foo==${data.currentPage})class="active"#end>
    					<a href="javascript:goPage($foo);">$foo</a>
    				</li>
                    #end
    				#if(${data.currentPage}<${data.pageCount})
                       <li><i>···</i></li>
        				<li>
        					<a href="javascript:goPage(${data.pageCount});">${data.pageCount}</a>
        				</li>
					#end
				#else
					#set($offsetStart = 1)
					#if($data.pageCount == 0)
                        #set($offsetEnd = 1) #else #set($offsetEnd = ${data.pageCount}) #end
					#foreach($foo in [$!offsetStart..$offsetEnd])
                    <li #if($foo==${data.currentPage})class="active"#end>
    					<a href="javascript:goPage($foo);">$foo</a>
    				</li>
                    #end
				#end
                <li #if(${data.currentPage}==${data.pageCount} || ${data.pageCount}==0) class="next disabled"#else class="next"#end>
				  #if(${data.currentPage}==${data.pageCount} || ${data.pageCount}==0)
					<a href="javascript:;">下一页</a>
				  #else
					<a href="javascript:goPage($nextnPage);">下一页</a>
				  #end
                </li>
				<li>
                    <p style="float:left;padding:0 10px;line-height:21px;">第<input id="goNum" type="text" class="margin text-center" style="width:30px;height:34px;" οnkeyup="this.value=this.value.replace(/\D|^0/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">页</p>
                </li>
                <li><a href="javascript:void(0);" οnclick="goNum();" class="btn btn-primary " style="color:#fff;">确 认</a></li>
              </ul>
    		</div>
    	</div>
     </div>
	  <script>
	function goPage(page)
	{	
		var form = document.getElementById("searchForm");
		var actionStr = "";
		if(form.action.indexOf("&pageNo=${data.currentPage}") > 0 ){
			actionStr = form.action.replace("&pageNo=${data.currentPage}", "");
		}else{
			actionStr = form.action.replace("pageNo=", "");
		}
		if(actionStr.indexOf("?") > 0 ){
    		form.action = actionStr+"&pageNo="+page;
		}else{
			form.action = actionStr+"?pageNo="+page;
		}
		form.method = "post";
		form.submit();
	}
	function goNum()
	{	
		var gonum=$("#goNum").val();
		goPage(gonum);
	}
 </script>
  #end
#end

　　

转载于:https://www.cnblogs.com/guilf/p/9489175.html