Canducci.Pagination 3.2.0

Canducci Paginated

Note: based on repository https://github.com/TroyGoode/PagedList

Canducci Paginated

Canducci Paginated Mvc

Build Test

Installation

• Canducci.Pagination

PM> Install-Package Canducci.Pagination

• Canducci.Pagination.Mvc

PM> Install-Package Canducci.Pagination.Mvc

Note: Installing the package Canducci.Pagination.Mvc already integrates the package Canducci.Pagination.

How to use

Examples

• IQueryable

Entity Framework

static void TestIQueryablePaginated(int current, int total = 5)
{
	using (DatabaseContext db = new DatabaseContext())
	{
		Paginated<People> listOfQueryable0 = 
			db.People
				.OrderBy(x => x.Name)
				.ToPaginated(current, total);
	}
}

• IEnumerable

StaticPaginated

public class People
{
	public int Id { get; set; }
	public string Name { get; set; }
}

public class PeopleList: List<People>
{
	public PeopleList()
	{
		Add(new People { Id = 1, Name = "Test 1" });
		Add(new People { Id = 2, Name = "Test 2" });
		Add(new People { Id = 3, Name = "Test 3" });
		Add(new People { Id = 4, Name = "Test 4" });
		Add(new People { Id = 5, Name = "Test 5" });
		Add(new People { Id = 6, Name = "Test 6" });
		Add(new People { Id = 7, Name = "Test 7" });
		Add(new People { Id = 8, Name = "Test 8" });
		Add(new People { Id = 9, Name = "Test 9" });
		Add(new People { Id = 10, Name = "Test 10" });
	}
}

static void TestIEnumerableStaticPaginated(int current, int total = 5)
{
	PeopleList listOfAllPeople = new PeopleList();
	int countOfPeople = listOfAllPeople.Count;

	IEnumerable<People> listOfPeople0 = listOfAllPeople
		.OrderBy(x => x.Id)
		.Skip((current - 1) * total)
		.Take(total)
		.ToArray();

	StaticPaginated<People> paginated0 = 
		new StaticPaginated<People>(
			listOfPeople0, 
			current, 
			total, 
			countOfPeople); 
}

Mvc - Entity Framework with HtmlHelpers e TagHelpers

• Controller

using Canducci.Pagination;

public class HomeController : Controller
{
	public DatabaseContext Database { get; }

	public HomeController(DatabaseContext database)
	{
		Database = database;
	}

	public IActionResult Index(int? current)
	{
		var result = Database.People.OrderBy(x => x.Id).ToPaginated(current ?? 1, 3);
		return View(result);
	}
}

• View - Configuration (_ViewImports.cshtml)

Open the file _ViewImports.cshtml and add this line @addTagHelper *, Canducci.Pagination.Mvc and in the same file add @using Canducci.Pagination.Mvc, resume:

@using Canducci.Pagination.Mvc
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, Canducci.Pagination.Mvc

• View - Index.cshtml

@model Canducci.Pagination.Paginated<People>
@{ ViewData["Title"] = "Home Page"; }


@foreach (var item in Model)
{
    <div>@item.Id - @item.Name</div>
}
<div>
    @Html.Pagination(
                    Model, 
                    current => Url.Action("Index", new { current }), 
                    PaginatedStyle.PreviousNext, 
                    new PaginatedOptions { 
                                          NextLabel = "Next", 
                                          PreviousLabel = "Previous", 
                                          FirstLabel = "First", 
                                          LastLabel = "Last" 
                                         }
    )
</div>
<div>
    @Html.Pagination(
                    Model, 
                    current => Url.Action("Index", new { current }), 
                    PaginatedStyle.FirstPreviousNextLast, 
                    new PaginatedOptions { 
                                          NextLabel = "Next", 
                                          PreviousLabel = "Previous", 
                                          FirstLabel = "First", 
                                          LastLabel = "Last" 
                                          }
    )
</div>
<div>
    @Html.Pagination(
                    Model, 
                    current => Url.Action("Index", new { current }), 
                    PaginatedStyle.Numbers, 
                    new PaginatedOptions { 
                                          NextLabel = "Next", 
                                          PreviousLabel = "Previous", 
                                          FirstLabel = "First", 
                                          LastLabel = "Last" 
                                         }
     )
</div>
<div>
    @Html.Pagination(
                    Model, 
                    current => Url.Action("Index", new { current}), 
                    PaginatedStyle.NumbersWithPreviousNext, 
                    new PaginatedOptions { 
                                          NextLabel = "Next", 
                                          PreviousLabel = "Previous", 
                                          FirstLabel = "First", 
                                          LastLabel = "Last" 
                                         }
    )
</div>
<div>
    @Html.Pagination(
                    Model, 
                    current => Url.Action("Index", new { current }),
                    PaginatedStyle.NumbersWithFirstPreviousNextLast, 
                    new PaginatedOptions { 
                                          NextLabel = "Next", 
                                          PreviousLabel = "Previous", 
                                          FirstLabel = "First", 
                                          LastLabel = "Last" 
                                         }
    )
</div>

<h3>TagHelper</h3>

<div>
    <pagination pagination-asp-action="Index"
                pagination-asp-controller="Home"
                pagination-style="PreviousNext"
                pagination-css-class-ul="pagination"
                pagination-paginated="Model"
                pagination-label-next="Next"
                pagination-label-previous="Previous"
                pagination-css-class-anchor="page-link"
                pagination-css-class-li="page-item"
                pagination-css-class-li-disabled="disabled">
    </pagination>
</div>
<div>
    <pagination pagination-asp-action="Index"
                pagination-asp-controller="Home"
                pagination-style="FirstPreviousNextLast"
                pagination-css-class-ul="pagination"
                pagination-paginated="Model"
                pagination-label-next="Next"
                pagination-label-previous="Previous"
                pagination-label-first="First"
                pagination-label-last="Last"
                pagination-css-class-anchor="page-link"
                pagination-css-class-li="page-item"
                pagination-css-class-li-disabled="disabled">
    </pagination>
</div>

<div>
    <pagination pagination-asp-action="Index"
                pagination-asp-controller="Home"
                pagination-style="Numbers"
                pagination-css-class-li-active="active"
                pagination-css-class-ul="pagination"
                pagination-paginated="Model"
                pagination-label-next="Next"
                pagination-label-previous="Previous"
                pagination-label-first="First"
                pagination-label-last="Last"
                pagination-css-class-anchor="page-link"
                pagination-css-class-li="page-item"
                pagination-css-class-li-disabled="disabled">
    </pagination>
</div>

<div>
    <pagination pagination-asp-action="Index"
                pagination-asp-controller="Home"
                pagination-style="NumbersWithPreviousNext"
                pagination-css-class-li-active="active"
                pagination-css-class-ul="pagination"
                pagination-paginated="Model"
                pagination-label-next="Next"
                pagination-label-previous="Previous"
                pagination-label-first="First"
                pagination-label-last="Last"
                pagination-css-class-anchor="page-link"
                pagination-css-class-li="page-item"
                pagination-css-class-li-disabled="disabled">
    </pagination>
</div>

<div>
    <pagination pagination-asp-action="Index"
                pagination-asp-controller="Home"
                pagination-style="NumbersWithFirstPreviousNextLast"
                pagination-css-class-li-active="active"
                pagination-css-class-ul="pagination"
                pagination-paginated="Model"
                pagination-label-next="Next"
                pagination-label-previous="Previous"
                pagination-label-first="First"
                pagination-label-last="Last"
                pagination-css-class-anchor="page-link"
                pagination-css-class-li="page-item"
                pagination-css-class-li-disabled="disabled">
    </pagination>
</div>

<div>
    <pagination pagination-asp-action="Index"
                pagination-asp-controller="Home"
                pagination-style="NumbersWithFirstPreviousNextLast"                
                pagination-paginated="Model"
                pagination-label-next="Next"
                pagination-label-previous="Previous">
    </pagination>
</div>

Razor Pages

• PageModel Peoples

using System.Linq;
using Canducci.Pagination;
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace Canducci.WebAppRazorPages.Test.Pages
{
    public class PeoplesModel : PageModel
    {
        private readonly DatabaseContext Context;
        public PeoplesModel(DatabaseContext context)
        {
            Context = context;            
        }

        public Paginated<People> Items { get; private set; }
        
        public void OnGet(int? current)
        {            
            Items = Context.People
                .OrderBy(x => x.Name)
                  .ThenBy(x => x.Id)
                .ToPaginated(current ?? 1, 4);
        }
    }
}

• View Peoples

@page "page-{current=1}"
@model PeoplesModel
<br />
<table class="table table-striped">
    <thead>
        <tr>
            <th style="width:5%">Id</th>
            <th style="width:95%">Name</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.Items)
        {
        <tr>
            <td>@item.Id</td>
            <td>@item.Name</td>
        </tr>
        }
    </tbody>
    <tfoot>
        <tr>
            <td colspan="2" class="text-center">
                <pagination pagination-asp-page="Peoples"
                            pagination-asp-page-handler="page-{current=1}"
                            pagination-style="NumbersWithFirstPreviousNextLast"
                            pagination-css-class-li-active="active"
                            pagination-css-class-ul="pagination"
                            pagination-paginated="Model.Items"
                            pagination-label-next="Next"
                            pagination-label-previous="Previous"
                            pagination-label-first="First"
                            pagination-label-last="Last"
                            pagination-css-class-anchor="page-link"
                            pagination-css-class-li="page-item"
                            pagination-css-class-li-disabled="disabled">
                </pagination>
            </td>            
        </tr>
        <tr>
            <td colspan="2" class="text-center">
                @Html.Pagination(
                                 Model.Items, 
                                 current => Url.Page("Peoples", new { current }), 
                                 PaginatedStyle.NumbersWithFirstPreviousNextLast, 
                                 new PaginatedOptions { 
                                                      NextLabel = "Next", 
                                                      PreviousLabel = "Previous", 
                                                      FirstLabel = "First", 
                                                      LastLabel = "Last" 
                                                      }
                )
            </td>
        </tr>
    </tfoot>
</table>

Example Pagination