JS分页页码

最新推荐文章于 2023-09-12 09:14:05 发布

原创最新推荐文章于 2023-09-12 09:14:05 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

1 篇文章

订阅专栏

/**
 * 显示分页
 * @param {} pageUtil PageUtil对象的名字
 * @param {} pageNo 当前页
 * @param {} totalPage 总页数
 * @param {} url 访问的路径
 * @param {} pageSize 每页记录数 不填写可以设置为""
 * @param {} div_id 展示分页页码的div ID
 * @param {} param 其他参数，即追加在url后面，必须以&开头，如：param = "&paramName=paramVal"
 * @param {} form_id 表单ID
 */
 function pageShow(pageUtil, pageNo, totalPage, pageSize, div_id, form_id) {
 	 if (totalPage > 1) {
		var html_show = "";
		//是否显示上一页
		if (pageNo != 1) {
	 		html_show += "<a href='" + ROOT_PATH + url + "?" + pageUtil + ".pageNo=" + (pageNo - 1) + "&" + pageUtil + ".pageSize=" + pageSize + param + "'>上一页&nbsp;&nbsp;</a>";
	 	}
	 	
	 	if (totalPage < 11) {
		 	for (var i = 1; i <= totalPage; i++) {
		 		if (pageNo == i) {
		 			html_show += "&nbsp;[" + i + "]&nbsp;";
		 		} else {
		 			html_show += "<a href='" + ROOT_PATH + url + "?" + pageUtil + ".pageNo=" + i + "&" + pageUtil + ".pageSize=" + pageSize + param + "'>&nbsp;&nbsp;[" + i + "]&nbsp;&nbsp;</a>";
		 		}
		 	}
	 	} else { //总页数大于十页
           if (parseInt((pageNo - 1) / 10) == 0) {
                for (i = 1; i <= 10; i++) {
                    if (i != pageNo) {
                        html_show += "<a href='" + ROOT_PATH + url + "?" + pageUtil + ".pageNo=" + i + "&" + pageUtil + ".pageSize=" + pageSize + param + "'>&nbsp;&nbsp;[" + i + "]&nbsp;&nbsp;</a>";
                    } else {
                        html_show += "&nbsp;[" + i + "]&nbsp;";
                    }
                }
            } else if (parseInt((pageNo - 1) / 10) == parseInt(totalPage / 10)) {
                for (i = parseInt(totalPage / 10) * 10 + 1; i <= totalPage; i++) {
                    if (i != pageNo) { 
                    	html_show += "<a href='" + ROOT_PATH + url + "?" + pageUtil + ".pageNo=" + i + "&" + pageUtil + ".pageSize=" + pageSize + param + "'>&nbsp;&nbsp;[" + i + "]&nbsp;&nbsp;</a>"; 
                    } else {
                        html_show += "&nbsp;[" + i + "]&nbsp;";
                    }
                }
            } else {
                for (i = parseInt((pageNo - 1) / 10) * 10 + 1; i <= parseInt((pageNo - 1) / 10) * 10 + 10; i++) {
                    if (i != pageNo) {
                        html_show += "<a href='" + ROOT_PATH + url + "?" + pageUtil + ".pageNo=" + i + "&" + pageUtil + ".pageSize=" + pageSize + param + "'>&nbsp;&nbsp;[" + i + "]&nbsp;&nbsp;</a>";
                    } else {
                        html_show += "&nbsp;[" + i + "]&nbsp;";
                    }
                }
            }
        }
        //是否显示下一页
	 	if (pageNo < totalPage) {
	 		html_show += "<a href='" + ROOT_PATH + url + "?" + pageUtil + ".pageNo=" + (pageNo + 1) + "&" + pageUtil + ".pageSize=" + pageSize + param + "'>&nbsp;&nbsp;下一页</a>";
	 	}
	 	$("#" + div_id).append(html_show);
 	}

 	
 	/**
 	 if (totalPage > 1) {
		var html_show = "<div id='paging_div_id' align='right' class='page'>";
		
		html_show += "共&nbsp;" + totalPage + 
		"&nbsp;页&nbsp;当前第&nbsp;<input type='textfield' id='" + pageUtil + 
		"_pageno' value='" + pageNo + 
		"' length='3'>&nbsp;页 <a id='" + pageUtil + "_page_goto' href='#'>GO</a>";
		
		html_show +="<input type='hidden' name='" + pageUtil + 
			".start' id='" + pageUtil + 
			"start' value='${" + pageUtil + ".start}' />" + 
		      "<input type='hidden' name='" + pageUtil + 
		      ".limit' id='" + pageUtil + 
		      "limit' value='${" + pageUtil + ".limit}' />";
			
      
		//是否显示上一页
		if (pageNo > 1) {
	 		html_show += "<a id='" + pageUtil + "page_previous' href='#'>上一页</a>";
	 	}
	 	
        //是否显示下一页
	 	if (pageNo < totalPage) {
	 		html_show += "<a id='" + pageUtil + "page_next' href='#'>下一页</a>";
	 	}
	 	html_show += "</div>";
	 	$("#" + div_id).append(html_show);
	 	
	 	var start = (pageNo - 1) * pageSize;
		var limit = pageSize;
		
		$("#" + pageUtil + "page_previous").click(function() {
			$("#" + pageUtil + "start").val(start - limit);
			$("#" + form_id).submit();
		});
		
		$("#" + pageUtil + "page_next").click(function() {
			$("#" + pageUtil + "start").val(start + limit);
			$("#" + form_id).submit();
		});
		
		$("#" + pageUtil + "_page_goto").click(function() {
			$("#" + pageUtil + "start").val(($("#" + pageUtil + "_pageno").val() - 1) * limit);
			$("#" + form_id).submit();
		});
 	}
 	*/
 	
			
}