Benutzerdefinierte Kartenrendering

Die Karten eines Rasters können auf der Seite verteilt werden. CardTemplate (cardRenderer in React) ersetzt das, was in jede Karte gehört, und das Raster zeichnet weiterhin die Karte darum herum – ihren Rand, ihr Kontrollkästchen und ihren ausgewählten Zustand. Die Karte, die der Vorlage überreicht wird, stellt jede Spalte des Rasters so dar, wie es ihre Zelle tun würde, mit Formatierung, Link und Suchmarkierung, sodass eine Vorlage nur entscheidet, wohin jede Spalte gehört. Sie zeigt außerdem den Avatar der Karte, die Kopfzeile jeder Spalte, den Datensatz selbst und Möglichkeiten, den Datensatz zu öffnen und die Karte auszuwählen.

Kontakte auf eigenen Karten

Das Foto und der Name jedes Kontakts stehen oben mit dem Unternehmen darunter, und ein Abzeichen daneben zeigt das Alter des Kontakts in einer Farbe, die das Alter wählt. E-Mail, Telefon und Geburtstag folgen, jeweils hinter einem Symbol, mit dem Namen der Spalte als Tooltip, und ein Kontakt ohne Wert lässt das weg. Klicken Sie überall auf einer Karte, um sie auszuwählen, oder doppelklicken, um den Kontakt zu öffnen; Öffnen und auswählen tun Sie dasselbe über die eigenen Tasten der Karte, die ihre Klicks für sich behalten. Durchsuchen Sie das Raster und die Übereinstimmungen sind in den Karten markiert, wie in der Tabelle; wechseln Sie in der Werkzeugleiste zu den Tabellenzeilen, um dort dieselben Kontakte zu sehen.

React-Beispiel Blazor-Beispiel React TypeScript AccountAndContactCustomViews.ts Razor CSS AccountAndContactCustomViews.cs