前端分页二

//实现分页 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(); } };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章