Expérience dans l'utilisation IVX d'implémenter la pagination acquisition de données

Dans le cas concret, nous avons souvent besoin de montrer des données, et ces données sont stockées dans la base de données back-end et peut - être un grand nombre, tout un spectacle coup jusqu'à la réception de l'interface est certainement pas réaliste, de sorte qu'un autre arrière - plan unique tant la transmission de données à la réception sera un grand retard, de sorte que l'expérience utilisateur est pauvre. Par conséquent, nous devons adopter un mode d'échange pour obtenir un petit nombre de données, de sorte que chaque fois qu'un utilisateur peut rapidement obtenir des commentaires après l'opération, alors que la réception , ils ne tiennent pas beaucoup de données dues à des cas Caton, comment dire aujourd'hui radiomessagerie obtenir cet effet.
Insérer ici l'image Description
1. architecture des composants la
structure de démonstration est relativement simple, placez la page suivante une colonne en tant que corps de boîtier, ajouter un composant de pagination dans la colonne, il y a un cycle pour créer des images pour l' affichage sur chaque page du conteneur, tandis que la boucle pour créer une source de données un tableau d'objets est recherchée données.
Insérer ici l'image Description
2. composant radiomessagerie
composante d'échange est un élément IVX expansion dans le scénario principal est paginée données montrent, bien sûr, nous pouvons également utiliser les différentes fonctions de base pour faire un module d'échange de style personnalisé. Mais aujourd'hui seulement nous dire sur les propriétés et l' utilisation de composants de pagination.
Insérer ici l'image Description
Le nombre total de données et le nombre de données de page peuvent être calculées composante d'échange a un certain nombre de pages, démo ici a été mis en place et un total de 10 données par page trois photos. bouton Afficher le numéro correspondant au numéro de la page centrale présente plusieurs boutons.
Insérer ici l'image Description
Lorsque la première page est affichée lorsque les boutons Accueil et arrière sont cachés, le même ordre d' idées, lorsque la dernière page est affichée à côté, et la dernière page sera caché. Insérer ici l'image Description
Si vous activez la page d'accueil du mode compact, dernière page, précédente et le bouton suivant sera caché.
Insérer ici l'image Description
3 implémenter la pagination accès logique à des données d'
abord, l' initialisation du premier plan lorsque le premier appel à la sortie paginée des services de données, des paramètres de page et les appels à la durée de service est égal à 1. Nombre de lignes de telle sorte que la base de données de service de la sortie (page-1) * 3 + 1 à la page 3 *, en remplaçant page = 1, à savoir, après la ligne 1-3 calculée.
Insérer ici l'image Description
Insérer ici l'image Description
Par conséquent, le rendu direct ouvrir le boîtier comme indiqué ci - dessous.
Insérer ici l'image Description
Il y a aussi parler des deux mouvements de celui - ci, leur rôle est de retourner la sortie de la base de données au service d'une telle zone d'affichage en face de la charge, la station actuelle à un résultat de retour de service laisser la boîte de charge cachée. Si vous voulez un cas plus parfait de ces petits détails est essentiel.
Insérer ici l'image Description
Insérer ici l'image Description
Ensuite , le cas est en cours d' exécution, nous avons choisi une page particulière, qu'il appelle encore la sortie paginée des services de données, la pagination et définissez le paramètre de page est égale à la composante du « numéro de page en cours », cette variable est jeté dans l'onglet événement « changement de la page actuelle » Assemblée a. . Par exemple, on clique sur la page n ° 2, la « page en cours » est égal à 2, à savoir la page de service = 2, la base de données est toujours en fonction de la sortie de formule (p-1) * 3 + 1 à la page * 3 rangées, en remplaçant la disposition calculées sont 4 à ligne 6, conformément à la division , nous comptons sur une base de données qui est exactement trois lignes de données de la deuxième page. Tableau de données objets onglet nous avons mis trois lignes de données à la réception, pour les conteneurs de recyclage pour créer trois lignes de données en conformité avec ces trois composantes de l'image est affichée.
Insérer ici l'image Description
Insérer ici l'image Description
4. numéro de page dynamique
dans cette démo le composant d'appel a mis en place un total de 10 données, puis le nombre de données par page 3, alors il y aura un total de quatre pages, mais les données réelles dans le cas où la base de données peut être aussi le cas est en cours d' exécution augmentation ou une diminution, il est difficile de savoir à l' avance le nombre total de données réelles. En outre, bien que le nombre de fonctionnalités de base de données statistiques en service, mais l'énorme quantité de données, nous ne pouvons pas aller à chaque fois que la quantité de données de base de données statistiques, ce qui demande beaucoup de temps et des ressources d'équipement. Donc , ce qui suit est dit sur la façon d'obtenir le numéro de page dynamique.
Insérer ici l'image Description
À l' heure actuelle, la liste des données dans la base de données dispose de 16 données, ne regardez pas ces données ID de la dernière donnée est 16 , il est déterminé qu'il ya 16 morceaux de données, chaque ID de données est unique, vous mettez les données ID données 1 est supprimé, puis ajoutez un de nouvelles données, ID et aurait de nouvelles données 2, de sorte que le nombre réel de la dernière ligne de données est en fait inférieur ou égal ID de.
Insérer ici l'image Description
Ajouter une base de données en arrière - plan, et y ajouter un montant total de champs de données, à 16 ans et entrer dans le champ de données de la première ligne, cliquez sur Enregistrer.
Insérer ici l'image Description
Ajout d' un tableau d'objets dans les valeurs et les variables fond, tableau d'objets stockés dans les premières données de page de sortie, et obtient alors la quantité de données stockées dans la base de données, et enfin ensemble en tant que paramètre de retour et des services.
Insérer ici l'image Description
Trouvez un endroit pour appeler la réception des données de deux pages sorties, le résultat de rappel de la valeur du montant total des attributs de données composant la pagination est renvoyée par le service.
Insérer ici l'image Description
Insérer ici l'image Description
Enfin, pour faire en sorte que la valeur est la quantité de données stockées dans la base de données a été égale à la liste complète du numéro de bande de données. Si les données indiquent le nombre de données dans la base de données est modifiée, alors il devrait soumettre deux données de service et suppression de données. Dans le service de soumission, après avoir soumis les données de la quantité totale de données dans la base de données plus un, supprimer le service, nous supprimerons les données après sa moins 1, qui est, plus (-1). (En bref, est la quantité de données à base de données notifiées entendu tout quand il y a des ajouts enfants et les suppressions à la liste des données)
Insérer ici l'image Description
Insérer ici l'image Description
Résumé
pages difficulté d' obtenir des données qui permettent d' atteindre une formule dynamique, de conception et de calcul en fonction de la part de la logique de chaque cas, celui d'un faire face à la frontière, il faut prendre en compte une variété de situations. Il faut pour cela que nous devons faire attention lors d'un cas logique, considérer le plein, seul le statut de tous les développeurs d'utiliser le cas d'examiner attentivement pour faire en sorte que tous les utilisateurs dans l'utilisation de divers « situation imprévue » ne semble pas, il a été (aussi direction pour toujours?) sont les développeurs essayer.

Je suppose que tu aimes

Origine blog.51cto.com/14556317/2481335
conseillé
Classement