我是新来的
我在here
中遇到与Marcus相同的问题我试图做的分页应该是这样的:
1 2 3 4 5 6 ... 101
当我点击数字5时,我希望它显示如下数字:
1 ... 3 4 5 6 7 ... 101
当我在最后几页时,我希望它看起来与第一页类似:
1 ... 96 97 98 99 100 101
粗体编号是您当前正在查看的页面。
我希望只有当有超过7页可用时才出现这些点,如果不是,它看起来应该像普通的分页一样:
1 2 3 4 5 6 7
而不是大胆,我添加了一些CSS ..
我的原始代码是这样的......
if (ListCount > ListPerPage)
{
if (Currentpage > PageCount)
{
Response.Redirect(Request.Path + "/?p=" + PageCount);
}
html += "<ul class=\"productListPaging\">";
for (int x = 1; x <= PageCount; x++)
{
if (x == Currentpage)
{
html += "<li class=\"active\">";
}
else
{
html += "<li>";
}
html += "<a href=\"javascript:void(0);\" onclick=\"changePage(" + x + ");\">";
html += x;
html += "</a> ";
html += "</li> ";
}
html += "</ul>";
}
此代码显示所有页面,而不是对其进行分组。 我修改了上面的代码,但它只显示了第一页和最后一页, 就像我有10个页面一样,它只显示第1页和第10页而不是1 2 3 ... 10
任何帮助将不胜感激..
由于
约翰
解决了算法
int before = 2;
int after = 2;
for (int x = 1; x <= Pagecount; x++)
{
if (x == CurrentPage)
{
if (x == Pagecount)
{
html += "";
}
else
{
html += "<li class=\"active\">";
#region Page Loop #
html += "<a href=\"" + Url;
html += querypage + x;
if (sortid != "")
{
html += querysort;
}
if (viewtype != "")
{
html += queryviews;
}
if (pricing != 0)
{
html += queryrange;
}
html += "\" >";
html += x;
html += "</a> ";
#endregion
html += "</li>";
}
}
else if (x < CurrentPage - before)
{
if (befli == 0)
{
html += "<li class=\"dotdotdot\">";
html += "<a href=\"#\">...</a>";
html += "</li>";
befli++;
}
}
else if (x > CurrentPage - before && x < CurrentPage + after)
{
if (x == Pagecount)
{
html += "";
}
else
{
html += "<li>";
#region Page Loop #
html += "<a href=\"" + Url;
html += querypage + x;
if (sortid != "")
{
html += querysort;
}
if (viewtype != "")
{
html += queryviews;
}
if (pricing != 0)
{
html += queryrange;
}
html += "\" >";
html += x;
html += "</a> ";
#endregion
html += "</li>";
}
}
else if (x > CurrentPage + after)
{
if (aftli == 0)
{
html += "<li class=\"dotdotdot\">";
html += "<a href=\"#\">...</a>";
html += "</li>";
aftli++;
}
}
else if (x == Pagecount)
{
html += "";
}
}
只需要使用大于或小于
来计算for循环好的逻辑
int Before = #How Many Items Before Selected Number
int After = #How Many Items After Selected Number
int PageCount = #How Many Pages
int CurrentPage = #Current Page
//First Page
if (PageCount > 1)
{
// Here For Page Set Static 1
}
//Previous Button
if (CurrentPage != 1)
{
//Code Here (CurrentPage - 1)
}
for loop
for(int x = 1; x < PageCount; x++)
{
if (x == 1)
{
Page 1 //Static Page 1
if (x == CurrentPage)
{
//Bold Font / Highlight
}
else
{
//Normal
}
}
else if ( x == CurrentPage)
{
if(x == PageCount)
{
//None
}
else
{
//Bold Font / Highlight
}
}
else if (x < CurrentPage - Before)
{
// . . .
}
else if (x > CurrentPage - Before && x < CurrentPage + After)
{
if(x == PageCount)
{
//None
}
else
{
//Normal Font
}
}
else if (x > CurrentPage + After)
{
// . . .
}
else if (x == PageCount)
{
if (x == CurrentPage)
{
//Bold Highlight
}
else
{
//Normal
}
}
}
//Next Button
if (CurrentPage != PageCount)
{
//Code Here (CurrentPage + 1)
}
//First Page
if (PageCount > 1)
{
// Here For Page Set Static Last Page
}
希望我的逻辑能够帮助其他需要使用for循环的用户。
约翰
答案 0 :(得分:0)
尝试这样的事情。您需要根据需要自定义它。
/// <summary>
/// Builds the paging HTML.
/// </summary>
/// <param name="currentpage">The current selected page.</param>
/// <param name="totalPages">The total pages for paging.</param>
/// <param name="dotsApearanceCount">The dots apearance count. How many dots (.) you want</param>
/// <param name="groupCount">The group count. Group that is build based on selected page</param>
/// <returns></returns>
public string BuildPagingHTML(int currentpage, int totalPages, int dotsApearanceCount, int groupCount)
{
StringBuilder sbPagingHtml = new StringBuilder();
sbPagingHtml.Append("<ul class=\"productListPaging\">");
// Display the first page
sbPagingHtml.Append("<li>");
sbPagingHtml.Append("<a href=\"javascript:void(0);\" onclick=\"changePage(" + 1 + ");\">");
sbPagingHtml.Append(1);
sbPagingHtml.Append("</a> ");
sbPagingHtml.Append("</li> ");
if (totalPages > 1 && currentpage - 2 >= 1)
{
sbPagingHtml.Append(GenerateDots(dotsApearanceCount));
for (var linkCount = currentpage - 2; linkCount <= currentpage + 2; linkCount++)
{
if (linkCount >= 2 && linkCount <= totalPages - 2)
{
if (currentpage == linkCount)
{
sbPagingHtml.Append("<li class='active'>");
}
else
{
sbPagingHtml.Append("<li>");
}
sbPagingHtml.Append("<a href=\"javascript:void(0);\" onclick=\"changePage(" + linkCount + ");\">");
sbPagingHtml.Append(linkCount);
sbPagingHtml.Append("</a> ");
sbPagingHtml.Append("</li> ");
}
}
sbPagingHtml.Append(GenerateDots(dotsApearanceCount));
// Display the last page
sbPagingHtml.Append("<li>");
sbPagingHtml.Append("<a href=\"javascript:void(0);\" onclick=\"changePage(" + totalPages + ");\">");
sbPagingHtml.Append(totalPages);
sbPagingHtml.Append("</a> ");
sbPagingHtml.Append("</li> ");
}
sbPagingHtml.Append("</ul>");
return sbPagingHtml.ToString();
}
/// <summary>
/// Generates the dots.
/// </summary>
/// <param name="numberofDots">The numberof dots.</param>
/// <returns></returns>
public string GenerateDots(int numberofDots)
{
StringBuilder sbPagingHtml = new StringBuilder();
for (var dotCount = 1; dotCount <= numberofDots; dotCount++)
{
sbPagingHtml.Append("<li>");
sbPagingHtml.Append("<a>");
sbPagingHtml.Append(".");
sbPagingHtml.Append("</a> ");
sbPagingHtml.Append("</li> ");
}
return sbPagingHtml.ToString();
}