前端分頁二

//實現分頁 function LoadInformation() { $("#tbody").html("");//清空頁面的值 var str = ""; var minys = 1; var maxys = 1; //查總頁數 var url = '/api/getCompanyVague';//數據顯示分頁 $.ajax({ type: "POST", async: false, url: url, dataType: "json", data: { username: username, realname: realname, page: page }, success: function (response) { var data = response.data; if (data.totalRecord != 0) { maxys = data.totalPage; } if (response.code == -2) { top.location.href = "login.html";//跳轉到登陸界面 } else { $("#tmplArticle").tmpl(response.data).appendTo("#tbody"); } str += "<span>總共:" + maxys + "頁</span>"; str += "<span>當前:" + page + "/" + maxys + "頁</span>"; str += "<span id='first'>首頁</span>"; str += "<span id='prev'>上一頁</span>"; for (var i = page - 2; i < page + 3; i++) { if (i >= minys && i <= maxys) { if (i >= minys && i <= maxys) { if (i == page) { str += "<span class='dangqian' bs='" + i + "'>" + "<span>" + i + "</span>" + "</span>"; } else { str += "<span class='list' bs='" + i + "'>" + i + "</span>" } } } } str += "<span id='next'> 下一頁</span>"; str += "<span id='final'> 尾頁</span>"; $("#Information").html(str); //給首頁添加點擊事件 $("#first").click(function () { if (page == 1) { layer.msg("當前已經是第一頁.."); return; } page = 1; LoadInformation();//加載分頁信息 qx(); }); //給尾頁添加點擊事件 $("#final").click(function () { if (page == maxys) { layer.msg("當前已經是最後一頁"); return; } page = maxys; LoadInformation();//加載分頁信息 qx(); }); //給上一頁添加點擊事件 $("#prev").click(function () { page = page - 1; if (page < 1) { page = 1; layer.msg("當前已經是第一頁..."); return; } LoadInformation();//加載分頁信息 qx(); }); //給下一頁加點擊事件 $("#next").click(function () { page = page + 1; if (page > maxys) { page = maxys; layer.msg("當前已經是最後一頁...."); return; } LoadInformation();//加載分頁信息 qx(); }); //給中間的列表加事件 $(".list").click(function () { page = parseInt($(this).attr("bs")); LoadInformation();//加載分頁信息; qx(); }); }, error: function (err) { layer.msg("系統在忙,請稍後....."); } }); } //開始模糊查詢 var vague = function () { page = 1; if ($("#CorporateName").val() == "" && $("#Username").val() == "") { realname = ""; username = ""; vagu(); qx(); } else { realname = $("#CorporateName").val(); username = $("#Username").val(); vagu(); qx(); } }; //權限判斷 var qx = function () { if ($("#operationPermissionstj").val() != "addto") { $("#operationadd").remove(); } if ($("#operationPermissionsxg").val() != "modify") { $(".xg").remove(); } if ($("#operationPermissionssc").val() != "quota") { $(".edxg").remove(); } if ($("#operationPermissions").val() != "whitelist") { $("#white").remove(); } if ($("#operationPermissionsyxkg").val() != "switch") { $(".yxkg").remove(); } if ($("#operationPermissionssc").val() != "quota" && $("#operationPermissionsxg").val() != "modify" && $("#operationPermissions").val() != "whitelist" && $("#operationPermissionsyxkg").val() != "switch") { $("#cz").remove(); $(".operation").remove(); } };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章