I found MvcPaging to be quite helpful. By following the examples provided, I was able to implement it successfully.
When working with the filter view model, I made sure to include a 'Page' property:
public class FilterViewModel
{
public int? Page { get; set; }
public string UserName { get; set; }
public int? TownId { get; set; }
[Display(Name = "Gender:")]
public bool? IsMale { get; set; }
[Display(Name = "Interests:")]
public int[] InterestsIds { get; set; }
...
}
I then proceeded to create a new view model to store both the search results in IPagedList and the filter options:
public class CurrentFilterViewModel
{
// Stores the search result items
public IPagedList<ProfileViewModel> Profiles { get; set; }
public string UserName { get; set; }
public string LastName { get; set; }
public int? TownId { get; set; }
public bool? IsMale { get; set; }
public int[] InterestsIds { get; set; }
...
}
In the controller action, I passed the search results and filter properties values to the respective properties of the current model:
[HttpPost]
public ActionResult FilterProfiles(FilterViewModel filter)
{
var filteredProfilesModel = new CurrentFilterViewModel();
filteredProfilesModel.UserName = filter.UserName ?? null;
filteredProfilesModel.TownId = filter.TownId ?? null;
filteredProfilesModel.IsMale = filter.IsMale ?? null;
filteredProfilesModel.InterestsIds = filter.InterestsIds ?? new int[0];
int DefaultPageSize = 3;
int currentPageIndex = filter.Page.HasValue ? filter.Page.Value - 1 : 0;
filteredProfilesModel.Profiles =
// ... retrieve the matching items from the database ...
.ToPagedList(currentPageIndex, DefaultPageSize);
return this.PartialView("_FilterProfilesPartial", filteredProfilesModel);
}
Additionally, on the partial view loaded via AJAX, I implemented pagination functionality by setting up the paging system and mapping the filter parameter values to the corresponding model properties. I utilized AddRouteValueFor for maintaining the array of selected item IDs.
@using MvcPaging;
@using System.Linq;
@model Project.Web.ViewModels.CurrentFilterViewModel
<div class="pager">
@Html.Pager(Model.Profiles.PageSize, Model.Profiles.PageNumber, Model.Profiles.TotalItemCount,
new AjaxOptions
{
UpdateTargetId = "profiles",
HttpMethod = "POST"
}).Options(o => o
.Action("FilterProfiles")
.AddRouteValueFor(m => m.InterestsIds)
.AddRouteValue("UserName", Model.FirstName)
.AddRouteValue("TownId", Model.TownId)
.AddRouteValue("IsMale", Model.IsMale)
)
</div>
This approach proved effective for me. While I'm satisfied with the outcome, I am open to exploring potentially more elegant solutions if they exist.