Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Try something like this. You need to customize it as per your need.</p> <pre><code> /// &lt;summary&gt; /// Builds the paging HTML. /// &lt;/summary&gt; /// &lt;param name="currentpage"&gt;The current selected page.&lt;/param&gt; /// &lt;param name="totalPages"&gt;The total pages for paging.&lt;/param&gt; /// &lt;param name="dotsApearanceCount"&gt;The dots apearance count. How many dots (.) you want&lt;/param&gt; /// &lt;param name="groupCount"&gt;The group count. Group that is build based on selected page&lt;/param&gt; /// &lt;returns&gt;&lt;/returns&gt; public string BuildPagingHTML(int currentpage, int totalPages, int dotsApearanceCount, int groupCount) { StringBuilder sbPagingHtml = new StringBuilder(); sbPagingHtml.Append("&lt;ul class=\"productListPaging\"&gt;"); // Display the first page sbPagingHtml.Append("&lt;li&gt;"); sbPagingHtml.Append("&lt;a href=\"javascript:void(0);\" onclick=\"changePage(" + 1 + ");\"&gt;"); sbPagingHtml.Append(1); sbPagingHtml.Append("&lt;/a&gt;&amp;nbsp;"); sbPagingHtml.Append("&lt;/li&gt; &amp;nbsp;"); if (totalPages &gt; 1 &amp;&amp; currentpage - 2 &gt;= 1) { sbPagingHtml.Append(GenerateDots(dotsApearanceCount)); for (var linkCount = currentpage - 2; linkCount &lt;= currentpage + 2; linkCount++) { if (linkCount &gt;= 2 &amp;&amp; linkCount &lt;= totalPages - 2) { if (currentpage == linkCount) { sbPagingHtml.Append("&lt;li class='active'&gt;"); } else { sbPagingHtml.Append("&lt;li&gt;"); } sbPagingHtml.Append("&lt;a href=\"javascript:void(0);\" onclick=\"changePage(" + linkCount + ");\"&gt;"); sbPagingHtml.Append(linkCount); sbPagingHtml.Append("&lt;/a&gt;&amp;nbsp;"); sbPagingHtml.Append("&lt;/li&gt; &amp;nbsp;"); } } sbPagingHtml.Append(GenerateDots(dotsApearanceCount)); // Display the last page sbPagingHtml.Append("&lt;li&gt;"); sbPagingHtml.Append("&lt;a href=\"javascript:void(0);\" onclick=\"changePage(" + totalPages + ");\"&gt;"); sbPagingHtml.Append(totalPages); sbPagingHtml.Append("&lt;/a&gt;&amp;nbsp;"); sbPagingHtml.Append("&lt;/li&gt; &amp;nbsp;"); } sbPagingHtml.Append("&lt;/ul&gt;"); return sbPagingHtml.ToString(); } /// &lt;summary&gt; /// Generates the dots. /// &lt;/summary&gt; /// &lt;param name="numberofDots"&gt;The numberof dots.&lt;/param&gt; /// &lt;returns&gt;&lt;/returns&gt; public string GenerateDots(int numberofDots) { StringBuilder sbPagingHtml = new StringBuilder(); for (var dotCount = 1; dotCount &lt;= numberofDots; dotCount++) { sbPagingHtml.Append("&lt;li&gt;"); sbPagingHtml.Append("&lt;a&gt;"); sbPagingHtml.Append("."); sbPagingHtml.Append("&lt;/a&gt;&amp;nbsp;"); sbPagingHtml.Append("&lt;/li&gt; &amp;nbsp;"); } return sbPagingHtml.ToString(); } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload