模板分页封装

 

var ajaxCommFunPage = function(url, data, callback) {jQuery.ajax({type : "post",async: false,//dataType:'html',url : url,timeout: 30000,data : data,success : callback});};var asyncSubmit = function(formId){var formObj = $('#'+formId);var asyncFlag = formObj.find("input[name='asyncFlag']").val();var prefix = formObj.find("input[name='alias']").val();var replaceId = formObj.find("input[name='replaceId']").val();$('#currentPageHid_'+prefix).val(1);if(asyncFlag=='true'){var url = getContextPath() + formObj.attr('action');ajaxCommFunPage(url, formObj.serialize(), function(str){var ss = $(str).find('#'+replaceId).html();$('#'+replaceId).html(ss);});}else{formObj.submit();}};var search = function(json,currentPage, pageSize) {var formId = json["formId"];var asyncFlag  = json["asyncFlag"];var prefix  = json["prefix"];var replaceId = json["replaceId"];if(replaceId == null){replaceId = json["formId"];}$('#currentPageHid_'+prefix).val(currentPage);$('#pageSizeHid_'+prefix).val(pageSize);var  formObj = $("#"+formId);var url = getContextPath() + formObj.attr('action');if(asyncFlag){ajaxCommFunPage(url, formObj.serialize(), function(str){var ss = $(str).find('#'+replaceId).html();$("#"+replaceId).html(ss);});}else{formObj.submit();}};function initPageTab(json){var formId = json["formId"];//form表单的Idvar divId = json["divId"];//form表单内分页标签的DIVIdvar asyncFlag  = json["asyncFlag"];//刷新，无刷新标志 var prefix = json["prefix"];//分页标签的标志var currentPage = json["currentPage"];//当前页var totalPage = json["totalPage"];//一共多少页var count = json["count"];//总数var pageSize = json["pageSize"];//每页多少条var replaceId = json["replaceId"];//需要替换的IDif(replaceId == null){replaceId = json["formId"];}    //初始化页面    var str = $('#'+divId).html();    str = str.replace(/currentPageAlias/g,currentPage);    str = str.replace(/totalPageAlias/g,totalPage);    str = str.replace(/countAlias/g,count);    str = str.replace(/pageSizeAlias/g,pageSize);    str = str.replace(/asyncFlagAlias/g,asyncFlag);    str = str.replace(/aliasAlias/g,prefix);    str = str.replace(/replaceIdAlias/g,replaceId);    str = str.replace(/prefix/g,prefix);    $('#'+divId).html(str);  //绑定事件  $('#firstPage_'+prefix).delegate(this,'click', function() {   firstPage(json,1,pageSize);    });   $('#prePage_'+prefix).delegate(this,'click', function() {    prePage(json,currentPage,totalPage,pageSize);    });        $('#nextPage_'+prefix).delegate(this,'click', function() {    nextPage(json,currentPage,totalPage,pageSize);    });        $('#finalPage_'+prefix).delegate(this,'click', function() {    finalPage(json,totalPage,pageSize);    });         $('#finalPage_'+prefix).delegate(this,'click', function() {    finalPage(json,totalPage,pageSize);    });         $('#goToCurrPageBtn_'+prefix).delegate(this,'click', function() {    goToCurrPageBtn(json,pageSize,totalPage);    });         $('#currPageIpt_'+prefix).delegate(this,'keypress', function(event) {    if(event.keyCode == "13")            {    goToCurrPageBtn(json,pageSize,totalPage);        }    });         };var prePage = function(json,currentPage, totalPage, pageSize) {if (currentPage <= 1) {currentPage = 1;} else {currentPage = currentPage - 1;}search(json,currentPage, pageSize);};var nextPage = function(json,currentPage, totalPage, pageSize) {if (currentPage >= totalPage) {currentPage = totalPage;} else {currentPage = currentPage + 1;}search(json,currentPage, pageSize);};var firstPage = function(json,currentPage, pageSize) {search(json,currentPage, pageSize);};var finalPage = function(json,currentPage, pageSize) {search(json,currentPage, pageSize);};var goToCurrPageBtn = function(json,pageSize, totalPage) {var prefix = json["prefix"];var currPageIptObj = $("#currPageIpt_"+prefix);var currPageIpt = currPageIptObj.val();if (currPageIpt == "") {currPageIptObj.val("");win.msg.short("请输入跳转页数!", "W01");} else if (parseInt(currPageIpt) > totalPage) {currPageIptObj.val("");win.msg.short("你输入的页数超出总页数，请输入正确的页数!", "W01");} else if (parseInt(currPageIpt) <= 0) {currPageIptObj.val("");win.msg.short("你输入的页数小于1，请输入正确的页数！", "W01");} else {search(json,parseInt(currPageIpt), pageSize);}};

 

 

   

<a href="javascript:void(0);" id="firstPage_prefix">首页</a><a href="javascript:void(0);" id="prePage_prefix">上一页</a><a href="javascript:void(0);" id="nextPage_prefix">下一页</a><a href="javascript:void(0);" id="finalPage_prefix">末页</a><span>当前<i>currentPageAlias</i>/totalPageAlias页</span><span>共<i>countAlias</i>条记录</span><span>pageSizeAlias条记录/页</span><span>转到<input id="currPageIpt_prefix" type="text" value="currentPageAlias" class="pageTxt" /><a href="javascript:void(0);" id="goToCurrPageBtn_prefix" class="pageBut">跳转</a></span><input id="currentPageHid_prefix" type="hidden" name="currentPage" value="currentPageAlias" class="pageTxt" /><input id="pageSizeHid_prefix" type="hidden" name="pageSize" value="pageSizeAlias" class="pageTxt" /><input id="asyncFlagHid_prefix" type="hidden" name="asyncFlag" value="asyncFlagAlias" class="pageTxt" /><input id="aliasHid_prefix" type="hidden" name="alias" value="aliasAlias" class="pageTxt" /><input id="replaceId_prefix" type="hidden" name="replaceId" value="replaceIdAlias" class="pageTxt" />

 

  

<script type="text/javascript"> $(function(){ var json =  { formId:"form2", divId:"div2", asyncFlag:true, prefix:"2", currentPage:$!currentPage, totalPage:$!totalPage, count:$!count, pageSize:$!pageSize }; initPageTab(json); });    </script>