fixed selected page style, added pager tag helper

Author: gpeipman

DotNetPaging/DotNetPaging.AspNetCore/Controllers/HomeController.cs

@@ -41,18 +41,12 @@ public async Task<IActionResult> AutoMapper(int page = 1)
  return View(releases);
  }
 
- public IActionResult About()
+ public async Task<IActionResult> TagHelper(int page = 1)
  {
- ViewData["Message"] = "Your application description page.";
-
- return View();
- }
-
- public IActionResult Contact()
- {
- ViewData["Message"] = "Your contact page.";
-
- return View();
+ var releases = await _dataContext.PressReleases
+ .OrderByDescending(p => p.ReleaseDate)
+ .GetPagedAsync(page, 10);
+ return View(releases);
  }
 
  public IActionResult Error()

DotNetPaging/DotNetPaging.AspNetCore/Startup.cs

@@ -2,6 +2,7 @@
 using DotNetPaging.EFCore;
 using Microsoft.AspNetCore.Builder;
 using Microsoft.AspNetCore.Hosting;
+using Microsoft.AspNetCore.Mvc.Infrastructure;
 using Microsoft.EntityFrameworkCore;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
@@ -25,6 +26,8 @@ public void ConfigureServices(IServiceCollection services)
 
  services.AddAutoMapper();
  services.AddMvc();
+
+ services.AddSingleton<IActionContextAccessor, ActionContextAccessor>();
  }
 
  // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.

DotNetPaging/DotNetPaging.AspNetCore/TagHelpers/PagerTagHelper.cs

@@ -0,0 +1,97 @@
+using System;
+using System.Net;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.Infrastructure;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.AspNetCore.Mvc.Routing;
+using Microsoft.AspNetCore.Mvc.ViewFeatures;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace DotNetPaging.AspNetCore.TagHelpers
+{
+ [HtmlTargetElement("pager", TagStructure = TagStructure.NormalOrSelfClosing)]
+ public class PagerTagHelper : TagHelper
+ {
+ private readonly HttpContext _httpContext;
+ private readonly IUrlHelper _urlHelper;
+
+ [ViewContext]
+ public ViewContext ViewContext { get; set; }
+
+ public PagerTagHelper(IHttpContextAccessor accessor, IActionContextAccessor actionContextAccessor, IUrlHelperFactory urlHelperFactory)
+ {
+ _httpContext = accessor.HttpContext;
+ _urlHelper = urlHelperFactory.GetUrlHelper(actionContextAccessor.ActionContext);
+ }
+
+ [HtmlAttributeName("pager-model")]
+ public PagedResultBase Model { get; set; }
+
+ public override void Process(TagHelperContext context, TagHelperOutput output)
+ { 
+ if(Model == null)
+ {
+ return;
+ }
+
+ if(Model.PageCount == 0)
+ {
+ return;
+ }
+
+ var action = ViewContext.RouteData.Values["action"].ToString();
+ var urlTemplate = WebUtility.UrlDecode(_urlHelper.Action(action, new { page = "{0}" }));
+ var request = _httpContext.Request;
+ foreach (var key in request.Query.Keys)
+ {
+ if (key == "page")
+ {
+ continue;
+ }
+
+ urlTemplate += "&" + key + "=" + request.Query[key];
+ }
+
+ var startIndex = Math.Max(Model.CurrentPage - 5, 1);
+ var finishIndex = Math.Min(Model.CurrentPage + 5, Model.PageCount);
+
+ output.Content.AppendHtml("<ul class=\"pagination\">");
+ AddPageLink(output, string.Format(urlTemplate, 1), "&laquo;");
+
+ for (var i = startIndex; i <= finishIndex; i++)
+ {
+ if (i == Model.CurrentPage)
+ {
+ AddCurrentPageLink(output, i);
+ }
+ else
+ {
+ AddPageLink(output, string.Format(urlTemplate, i), i.ToString());
+ }
+ }
+
+ AddPageLink(output, string.Format(urlTemplate, Model.PageCount), "&raquo;");
+ output.Content.AppendHtml("</ul>");
+ }
+
+ private void AddPageLink(TagHelperOutput output, string url, string text)
+ { 
+ output.Content.AppendHtml("<li><a href=\"");
+ output.Content.AppendHtml(url);
+ output.Content.AppendHtml("\">");
+ output.Content.AppendHtml(text);
+ output.Content.AppendHtml("</a>");
+ output.Content.AppendHtml("</li>");
+ }
+
+ private void AddCurrentPageLink(TagHelperOutput output, int page)
+ {
+ output.Content.AppendHtml("<li class=\"active\">");
+ output.Content.AppendHtml("<span>");
+ output.Content.AppendHtml(page.ToString());
+ output.Content.AppendHtml("</span>");
+ output.Content.AppendHtml("</li>");
+ }
+ }
+}

DotNetPaging/DotNetPaging.AspNetCore/Views/Home/TagHelper.cshtml

@@ -0,0 +1,30 @@
+@model PagedResult<PressRelease>
+@{
+ ViewData["Title"] = "TagHelper";
+}
+
+<h2>Default paging</h2>
+
+<p>Results on this page are queried using synchronous method calls of Entity Framework Core.</p>
+
+<table class="table">
+ <thead>
+ <tr>
+ <th>Date</th>
+ <th>Company</th>
+ <th>Title</th>
+ </tr>
+ </thead>
+ <tbody>
+ @foreach (var release in Model.Results)
+ {
+ <tr>
+ <td>@release.ReleaseDate.ToShortDateString()</td>
+ <td>@release.Company</td>
+ <td>@release.Title</td>
+ </tr>
+ }
+ </tbody>
+</table>
+
+<pager pager-model="@Model"></pager>

DotNetPaging/DotNetPaging.AspNetCore/Views/Shared/Components/Pager/Default.cshtml

@@ -27,7 +27,7 @@
  @if (i == Model.CurrentPage)
  {
 
- <li><span>@i</span></li>
+ <li class="active"><span>@i</span></li>
  }
  else
  {

DotNetPaging/DotNetPaging.AspNetCore/Views/Shared/_Layout.cshtml

@@ -33,6 +33,7 @@
  <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
  <li><a asp-area="" asp-controller="Home" asp-action="Async">Async</a></li>
  <li><a asp-area="" asp-controller="Home" asp-action="AutoMapper">AutoMapper</a></li>
+ <li><a asp-area="" asp-controller="Home" asp-action="TagHelper">TagHelper</a></li>
  </ul>
  </div>
  </div>

DotNetPaging/DotNetPaging.AspNetCore/Views/_ViewImports.cshtml

@@ -4,3 +4,4 @@
 @using DotNetPaging.AspNetCore.Models
 @using DotNetPaging.EFCore
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+@addTagHelper *, DotNetPaging.AspNetCore

README.md

@@ -11,7 +11,7 @@ Sample solution contains the following examples:
 * Extension methods for pages data with AutoMapper mapping
 * ASP.NET Core 2.0 web application (Entity Framework Core)
 * ASP.NET MVC (Entity Framework)
-* Pager view component and partial view
+* Pager view component, tag helper and partial view
 * Database script for SQL Server
 
 # Read more about paging