Comment implémenter une pagination simple et efficace dans ASP.NET MVC ?

Pagination dans ASP.NET MVC : un guide complet

Dans le domaine du développement Web, la pagination joue un rôle crucial dans la gestion de grands ensembles de données et améliorer l'expérience utilisateur. Dans ce contexte, la pagination fait référence à la technique consistant à diviser un ensemble de données en pages plus petites et navigables. Dans ASP.NET MVC, il existe différentes approches pour implémenter la pagination, et dans cet article, nous explorerons la méthode la plus préférée et la plus simple.

Mise en route : récupération de données à partir d'une source de données

Supposons que nous ayons un scénario dans lequel nous récupérons une liste d'éléments d'une source de données (par exemple, une base de données ou un référentiel) dans une action de contrôleur comme suit :

public ActionResult ListMyItems()
{
    List<Item> list = ItemDB.GetListOfItems();
    ViewData["ItemList"] = list;

    return View();
}

Définition des paramètres de pagination

Pour simplifier le processus de pagination, optons pour spécifier juste un numéro de page comme paramètre dans l'action du contrôleur :

public ActionResult ListMyItems(int page)
{
    //...
}

Détermination de la taille de la page et de sa valeur par défaut Valeurs

Pour déterminer le nombre d'éléments à afficher sur chaque page (taille de la page), nous pouvons utiliser la configuration dans la configuration des itinéraires :

routes.MapRoute("Search", "Search/{query}/{startIndex}",
                        new
                        {
                            controller = "Home", action = "Search",
                            startIndex = 0, pageSize = 20
                        });

Cette configuration définit la valeur par défaut valeurs pour 'startIndex' et 'pageSize' respectivement 0 et 20.

Diviser le Ensemble de données

Avec la taille de page définie, nous pouvons exploiter LINQ pour diviser facilement l'ensemble de données :

var page = source.Skip(startIndex).Take(pageSize);

Cette ligne de code ignore le nombre d'éléments spécifié et prend uniquement le nombre d'éléments souhaité pour la page actuelle.

Navigation dans les pages

Pour fournir la navigation entre les pages, nous pouvons créer des liens d'action vers les pages précédentes et suivantes en fonction de l'index de la page actuelle :

<%=Html.ActionLink("next page", "Search", new {
                query, startIndex = startIndex + pageSize, pageSize }) %>

Ce lien redirigera les utilisateurs vers la page suivante, mettant à jour le « startIndex » en conséquence.

En mettant en œuvre efficacement ces techniques, vous pouvez intégrer de manière transparente la pagination dans votre application ASP.NET MVC, offrant ainsi une expérience de navigation conviviale pour les grands ensembles de données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!