Implement Pagination Using .

here is my working code

step 1. create a generic class that will work for all

public class PaginatedList : List
{
public int PageIndex { get; private set; }
public int TotalPages { get; private set; }
public PaginatedList(List items, int count, int pageIndex, int pageSize)
{
PageIndex = pageIndex;
TotalPages = (int)Math.Ceiling(count / (double)pageSize);
this.AddRange(items);
}
public bool HasPreviousPage
{
get
{
return (PageIndex > 1);
}
}
public bool HasNextPage
{
get
{
return (PageIndex < TotalPages);
}
}
public static async Task> CreateAsync(IQueryable source, int pageIndex, int pageSize)
{
var count = await source.CountAsync();
var items = await source.Skip((pageIndex - 1) * pageSize).Take(pageSize).ToListAsync();
return new PaginatedList(items, count, pageIndex, pageSize);
}
}

step 2. the controller action method

public async Task Pagination(int? pageNumber)
{
OrganizationDbContext db = new OrganizationDbContext();
var emps = db.Employees.OrderBy(x=>x.Name);
int pageSize = 3;
return View(await PaginatedList.CreateAsync(emps, pageNumber ?? 1, pageSize));
}

step 3. the view with next and prev buttons

"~/Scripts/jquery-3.4.1.js">
"~/Scripts/bootstrap.min.js">
"~/Content/bootstrap.min.css" rel="stylesheet" />
@model jquery.Models.PaginatedList
pagination
"content" class="content">
- @foreach (var item in Model)
- {
- @item.Name
- @item.Salary
- }

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
here is my working code
step 1. create a generic class that will work for all
public class PaginatedList : List
    {
        public int PageIndex { get; private set; }
        public int TotalPages { get; private set; }

        public PaginatedList(List items, int count, int pageIndex, int pageSize)
        {
            PageIndex = pageIndex;
            TotalPages = (int)Math.Ceiling(count / (double)pageSize);

            this.AddRange(items);
        }

        public bool HasPreviousPage
        {
            get
            {
                return (PageIndex > 1);
            }
        }

        public bool HasNextPage
        {
            get
            {
                return (PageIndex < TotalPages);
            }
        }

        public static async Task> CreateAsync(IQueryable source, int pageIndex, int pageSize)
        {
            var count = await source.CountAsync();
            var items = await source.Skip((pageIndex - 1) * pageSize).Take(pageSize).ToListAsync();
            return new PaginatedList(items, count, pageIndex, pageSize);
        }
    }
step 2. the controller action method
public async Task Pagination(int? pageNumber)
        {
            OrganizationDbContext db = new OrganizationDbContext();
            var emps = db.Employees.OrderBy(x=>x.Name);
            int pageSize = 3;
            return View(await PaginatedList.CreateAsync(emps, pageNumber ?? 1, pageSize));


        }
step 3. the view with next and prev buttons
"~/Scripts/jquery-3.4.1.js">
   "~/Scripts/bootstrap.min.js">
   "~/Content/bootstrap.min.css" rel="stylesheet" />
   @model jquery.Models.PaginatedList


pagination

   "content" class="content">


           @foreach (var item in Model)
           {

@item.Name


@item.Salary

           }
@{
var prevDisabled = !Model.HasPreviousPage ? "disabled" : "";
var nextDisabled = !Model.HasNextPage ? "disabled" : "";
"@Url.Action("Pagination", new { pagenumber = (Model.PageIndex - 1) })" class="btn btn-primary btn-lg @prevDisabled">Previous
"@Url.Action("Pagination", new { pagenumber = (Model.PageIndex + 1) })" class="btn btn-primary btn-lg @nextDisabled">Next

Implement Pagination Using .

pagination