Deux implémentations pour la pagination de l'élément ui tout sélectionner

besoin:

Après avoir cliqué sur Sélectionner tout, tous les enregistrements doivent être sélectionnés. À ce stade, l'utilisateur peut accéder à n'importe quelle page pour annuler la sélection d'un enregistrement, et après avoir cliqué à nouveau sur Sélectionner tout, tous les enregistrements doivent être sélectionnés à nouveau. Si vous cliquez sur Sélectionner tout lorsque il est déjà sélectionné, toutes les sélections seront effacées.

méthode:

Méthode 1 : pagination frontale.

Le backend transmet toutes les données au frontend en une seule fois. Une fois que le frontend a reçu les données, un tableau est créé pour stocker l'état sélectionné de chaque élément. L'avantage est que la mise en œuvre est simple, et l'inconvénient est que le chargement est lent lorsque la quantité de données est trop importante.


Méthode 2 : pagination principale et stockage des états sélectionnés et non sélectionnés en même temps.

Les interfaces suivantes doivent être développées :

L'interface après avoir cliqué sur le bouton Tout sélectionner
Cliquer sur l'interface dans la case à cocher devant un enregistrement
La réinitialisation des critères de recherche devrait réinitialiser toutes les interfaces sélectionnées

Dans le même temps, l'état sélectionné doit être stocké dans le cache, avec l'ID utilisateur comme clé.

Je suppose que tu aimes

Origine blog.csdn.net/qq_34626094/article/details/123500950
conseillé
Classement