Renderizado personalizado de tarjetas

Las cartas de una cuadrícula pueden estar dispuestas por la página. CardTemplate (cardRenderer en React) reemplaza lo que va dentro de cada tarjeta, y la cuadrícula sigue dibujando la carta alrededor de ella — su borde, su casilla de verificación y su estado seleccionado. La carta que entrega la plantilla representa cualquiera de las columnas de la cuadrícula como lo haría su celda, con su formato, su enlace y el resaltado de la búsqueda, por lo que una plantilla solo decide dónde va cada columna. También da el avatar de la carta, el encabezado de cada columna, el propio registro y formas de abrir el registro y seleccionar su carta.

Contactos en tarjetas propias

La foto y el nombre de cada contacto están en la parte superior con la empresa debajo, y una insignia al lado muestra la edad del contacto en un color que elija la edad. El correo electrónico, el teléfono y la fecha de nacimiento van a continuación, cada uno detrás de un icono, con el nombre de la columna como descripción emergente, y un contacto sin valor para uno lo omite. Haz clic en cualquier otro lugar de una tarjeta para seleccionarla, o haz doble clic para abrir el contacto; Abrir y Seleccionar hacen lo mismo desde los propios botones de la carta, que mantienen sus clics para sí mismos. Busca en la cuadrícula y las coincidencias se marcan dentro de las cartas, como están en la tabla; cambia a filas de tabla desde la barra de herramientas para ver los mismos contactos allí.

Ejemplo de reacción Ejemplo de Blazor React TypeScript AccountAndContactCustomViews.ts Razor CSS AccountAndContactCustomViews.cs