国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

ajax分頁效果(bootstrap模態框)

2019-11-19 17:47:46
字體:
來源:轉載
供稿:網友

ajax分頁效果圖:

上干貨:

/**  * ajax分頁  */ $(function(){   $(".modal-body").find(".pagination").on("click","li",function(){  var totalPage=$(".modal-body").find(".pagination").find(".lilength").length;  var pageNo=$(this).find("a").text();  var beforePage="";  //獲取之前選中的值  $(".modal-body").find(".pagination").find("li").each(function(){   if($(this).hasClass("active")){   beforePage=$(this).find("a").text();   }  });  //alert(beforePage);  if($(this).find("a").text()=="首頁"){   removeClass();   $(".modal-body").find(".pagination").find("li").each(function(){   if($(this).find("a").text()=="1"){    $(this).addClass("active");   }   getPlanFy("1");   });  }else if($(this).find("a").text()=="上頁"){   if(beforePage==1){   showMessage("已經是第一頁了!")   }else{   var dqy=parseInt(beforePage)-1;   $(".modal-body").find(".pagination").find("li").each(function(){    if($(this).find("a").text()==dqy.toString()){    $(this).addClass("active");    }else{    $(this).removeClass("active");    }   });   getPlanFy(dqy);   }  }else if($(this).find("a").text()=="下頁"){   if(beforePage==totalPage){   showMessage("已經是最后一頁了!")   }else{   var dqy=parseInt(beforePage)+1;   $(".modal-body").find(".pagination").find("li").each(function(){    if($(this).find("a").text()==dqy.toString()){    $(this).addClass("active");    }else{    $(this).removeClass("active");    }   });   getPlanFy(dqy);   }  }else if($(this).find("a").text()=="末頁"){   removeClass();   $(".modal-body").find(".pagination").find("li").each(function(){   if($(this).find("a").text()==totalPage){    $(this).addClass("active");   }   });   getPlanFy(totalPage);  }else{   removeClass();   $(this).addClass("active");   getPlanFy(pageNo);  }  });  // $(".table").find("tbody").on("click",".showMsgDetail",function(){ // var msg=$(this).find("a").attr("name"); // showMagDetail(msg); // });   $(".addbutton").click(function(){  $("#savePlanmodal").removeAttr("name");  $("#planIdsUpdate").val("");  }); });  /**  * 彈窗  */ function showMessage(content){  $.alert({   title: '提示',   content: content,//支持html   icon: 'fa fa-rocket',   animation: 'zoom',   closeAnimation: 'zoom',   buttons: {   okay: {    text: '確定',    btnClass: 'btn-primary'   }   }  }); }  /**  * 移除css  */ function removeClass(){  $(".modal-body").find(".pagination").find("li").each(function(){  $(this).removeClass("active");  }); }   function getPlanFy(pageNo){  var pageSize=10;  $.post(""+otherPath+"/fault-studio/getInpectPlanList.action",   {"pageNo":pageNo,"pageSize":pageSize},function(data){    $("#inspectionPlan").find(".modal-body").find("table").find("tbody").html("");    $("#inspectionPlan").find(".modal-body").find(".pagination").html("");   var appendHtml="";   if(data.items!=null && data.items.length>0){   $.each(data.items,function(i,item){    var number=parseInt(i)+1;    appendHtml+="<tr>" +     "<td align='center'>"+number+"</td>" +     "<td><a>"+item[1]+"</a></td>" +     "<td>"+item[2]+"</td>"+     "<td>"+item[3]+"</td>"+     "<td><a name='"+item[0]+"' onclick='updatePlan(this)'>修改</a> <a lang='"+item[0]+"' onclick='delPlan(this)'>刪除</a></td>"     "</tr>"   });   $("#inspectionPlan").find(".modal-body").find("table").find("tbody").append(appendHtml);   var paginHtml="";   if(isNotTirmpagin(data.totalPage) && data.totalPage>0){    paginHtml+="<li><a>首頁</a></li>" +     "<li><a>上頁</a></li>";    for(var j=0;j<data.totalPage;j++){    var page=parseInt(j)+1;    if(page==pageNo){     paginHtml+="<li class='lilength active'><a>"+page+"</a></li>";    }else{     paginHtml+="<li class='lilength'><a>"+page+"</a></li>";    }        }    paginHtml+="<li><a>下頁</a></li>" +     "<li><a>末頁</a></li>";    $("#inspectionPlan").find(".modal-body").find(".pagination").append(paginHtml);   }   }  }); }  function updatePlan(obj){  var planId=obj.name;  $.post(""+otherPath+"/fault-studio/getPlanById.action",{"id":planId},function(data){  if(data.result=="success"){   $(".addbutton").click();   var item=data.items;   $("#planName").val(item.name);   $("#planTitle").val(item.inspectTitle);   $("#showTime").val(item.inspectTime);   var module_name=item.module_name;   var nameArray=module_name.split("&");   var moudleIdArray=item.inspectContent.split("&");   var nameHtml="";   if(nameArray!=null && nameArray.length>0){   for(var i=0;i<nameArray.length;i++){    if(isNotTirmpagin(nameArray[i])){    nameHtml+="<li id='"+moudleIdArray[i]+"'>"+nameArray[i]+"</li>";    }      }   }   $(".inspectContent").append(nameHtml);       var inspectTimeArray=item.inspectTime.split("&");   var timeHtml="";   if(inspectTimeArray!=null && inspectTimeArray.length>0){   for(var j=0;j<inspectTimeArray.length;j++){    if(isNotTirmpagin(inspectTimeArray[j])){    timeHtml+="<li>"+inspectTimeArray[j]+"</li>";    }      }   }   $(".inspectionChooseTime").append(timeHtml);   $("#savePlanmodal").attr("name","update");   $("#planIdsUpdate").val(planId);  }  });  }  function delPlan(obj){  var planId=obj.lang;  sureConfirm("提示","確定刪除嗎?",planId); }  function showMagDetail(msg){  $.alert({   title: '提示',   content: msg,//支持html   icon: 'fa fa-rocket',   animation: 'zoom',   closeAnimation: 'zoom',   buttons: {   okay: {    text: '確定',    btnClass: 'btn-primary'   }   }  }); }  function sureConfirm(tip,msg,planId){   $.confirm({  title: tip,  content: msg,  icon: 'fa fa-rocket',  animation: 'zoom',  closeAnimation: 'zoom',  buttons: {   confirm: {   text: '確定',   btnClass: 'btn-primary',   action:function(){    $.post(""+otherPath+"/fault-studio/delInspectPlan.action",{"id":planId},function(data){    if(data.items=="success"){     showMagDetail("刪除成功");     getPlanFy("1");    }else{     showMagDetail(data.msg);    }    });   }   },   cancle: {   text: '取消',   action:function(){    return false;   }   }  },  });   }  function isNotTirmpagin(obj){  if(obj!=null && obj!='' && obj!=undefined){  return true;  }else{  return false;  }  } 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 交口县| 汨罗市| 高州市| 万安县| 广丰县| 孟州市| 昌吉市| 仁怀市| 开阳县| 湄潭县| 大宁县| 团风县| 中宁县| 浠水县| 南平市| 措勤县| 临潭县| 兰州市| 桃园市| 屯留县| 星子县| 贡觉县| 盖州市| 岐山县| 郸城县| 临猗县| 恭城| 大方县| 济宁市| 维西| 石台县| 嵩明县| 临武县| 亚东县| 昭觉县| 聂拉木县| 平顶山市| 渭南市| 北宁市| 溆浦县| 轮台县|