Rendu personnalisé des cartes

Les cartes d’une grille peuvent être disposées par page. CardTemplate (cardRenderer dans React) remplace ce qui va à l’intérieur de chaque carte, et la grille dessine toujours la carte autour — sa bordure, sa case à cocher et son état sélectionné. La carte à laquelle il remet le modèle affiche n’importe quelle colonne de la grille comme sa cellule, avec sa mise en forme, son lien et la mise en surlignée de la recherche, de sorte qu’un modèle ne décide que de la direction de chaque colonne. Elle donne aussi l’avatar de la carte, l’en-tête de chaque colonne, l’enregistrement lui-même, ainsi que les moyens d’ouvrir l’enregistrement et de sélectionner sa carte.

Des contacts sur leurs propres cartes

La photo et le nom de chaque contact sont en haut avec l’entreprise en dessous, et un badge à côté affiche l’âge du contact dans une couleur choisie par l’âge. L’email, le téléphone et la date de naissance suivent, chacun derrière une icône, avec le nom de la colonne comme infobulle, et un contact sans valeur pour une l’exclut. Cliquez n’importe où ailleurs sur une carte pour la sélectionner, ou double-cliquez pour ouvrir le contact ; Ouvrir et Sélectionner font de même depuis les boutons propres à la carte, qui gardent leurs clics pour eux. Cherchez dans la grille et les correspondances sont marquées à l’intérieur des cartes, comme elles sont dans le tableau ; passez aux lignes de table depuis la barre d’outils pour voir les mêmes contacts à cet endroit.

Exemple de réaction Exemple de Blazor React TypeScript AccountAndContactCustomViews.ts Razor CSS AccountAndContactCustomViews.cs