构造HTML分页方法:
根据调用分页方法得到HTML 显示分页HTML就行了
public static string HtmlPage(int PageIndex, int PageNum, int PageCount, string url) { string PageHtml = ""; if (PageCount > PageNum) { int PageNumber = PageCount / PageNum; PageNumber += (PageCount % PageNum) > 0 ? 1 : 0; int ForNumber = PageNumber > 7 ? 7 : PageNumber; int StartPage = PageIndex > 3 ? PageIndex - 4 : 0; if (PageIndex > 1) { PageHtml += "<li><a href="" + url + "?PageIndex=" + (PageIndex - 1) + "">ᅬᅭ쿄ᄈ</a></li>"; } for (var i = 1; i <= ForNumber; i++) { if ((StartPage + i) > PageNumber) break; if ((StartPage + i) == PageIndex) { PageHtml += "<li><a class="current">" + PageIndex + "</a></li>"; } else { PageHtml += "<li><a href="" + url + "?PageIndex=" + (StartPage + i) + "">" + (StartPage + i) + "</a></li>"; } } if (PageIndex != PageNumber) { PageHtml += "<li><a href="" + url + "?PageIndex=" + (PageIndex + 1) + "" >ᅬᅡᅭ쿄ᄈ</a></li>"; } } if (PageHtml == "") { } return PageHtml; }
/*分页样式*/ .page{font:13px/1.5 verdana,arial;height:22px;margin-top:20px;text-align:center;} .page-inner{display:inline-block;} .page a,.page .page-inner span{float:left;padding:0 8px;text-decoration:none;line-height:22px;height:22px;overflow:hidden;margin:0 1px;} .page a{color:#2084c6;background:#F0F3F9;border:1px #CCDDDD solid;} .page a:hover{background:#666;color:#fff;border:1px #636363 solid;} .page .current{background:#5D99DB;color:#fff;border:1px solid #5D99DB;}