Tarjeta resumen

SummaryCard muestra una cifra, grande, bajo una etiqueta — una tubería abierta, un recuento de casos, una tasa de victoria — y SummaryCards coloca varias en fila que se envuelven en una pantalla estrecha. Una tarjeta muestra un valor que le asignas, una columna del registro en la que está, o una cifra que Dataverse calcula sobre registros: un total, promedio, mínimo, máximo o conteo, formateado por el servidor en la cultura del usuario. Lo mismo en Blazor y React.

React Blazor

Cifras de los registros relacionados con un registro

Dentro de un contexto de registro, RelationshipName (relationshipName en React) mantiene los registros en los relacionados con el registro, como lo hace a SubGrid . Con un FetchXml o ViewId también, sus filtros eligen entre ellos; sin uno, todos los registros relacionados cuentan. Un recuento no necesita columna: cuenta los registros. La cifra se calcula de nuevo cuando el contexto del registro se actualiza o guarda, y un registro aún no guardado no tiene ninguno. La demo de Account 360 tiene cuatro en la parte superior de una cuenta.

React Blazor

Un valor del registro

Sin un Aggregate (aggregate), ColumnName (columnName) muestra el valor propio de la columna del registro, formateado según su forma. Value (value) muestra una cifra que la página calcula sola.

React Blazor

Subtítulos y proporciones

Caption (caption) pone una línea debajo de la figura. Con CaptionAggregate (captionAggregate), {0} en ella hay una segunda cifra sobre los mismos registros, calculada en la misma petición. Con OfFetchXml o OfViewId (ofFetchXml, ofViewId), la carta muestra su cifra como una parte de la misma cifra sobre esos registros: un porcentaje, con una barra debajo a menos que ShowProgressBar (showProgressBar) sea false.

React Blazor

Clicar una carta

OnClick (onClick) convierte la carta en un botón: un clic, Enter o Espacio la sube. Href (href) la convierte en un enlace, que se abre en una nueva pestaña como cualquier otra; en React, onNavigate la sigue a través de tu router con un clic sencillo.

Tarjetas resumen

Cuatro cifras sobre cada operación en los datos de la demo: la pipeline abierta y cuántas operaciones componen, la media de la operación abierta, los ingresos obtenidos y la porcentaje de acuerdos cerrados que se ganaron. Haz clic en la pipeline para listar sus operaciones. El dinero está en la moneda base de la organización.

Ejemplo de reacción Ejemplo de Blazor React TypeScript DetailPageRecords.ts Razor DetailPageRecords.cs
Tubería abierta 58.413.280 $91 acuerdos abiertos
Distribución abierta media 641.904 $
Ingresos ganados 966.238.681 $1.725 acuerdos ganados
Tasa de victorias 44 %
Reaccionar Blazor

SummaryCard Clase

Parámetros

Nombre
Tipo
Default
Descripción
AggregateQueryAggregate?
La cifra a calcular sobre los registros: un Models.QueryAggregate por sí solo, no un combinación. Sin ajustar, la carta muestra SummaryCard.ColumnNameel valor de 's en el registro en cascada.
Captionstring?
Una línea debajo de la figura. Con SummaryCard.CaptionAggregate, {0} en ella está esa figura: '{0} tratos abiertos'.
CaptionAggregateQueryAggregate?
Una segunda cifra para SummaryCard.Caption, se calculó sobre los mismos registros que la primera. El pie de foto aparece cuando llega.
CaptionColumnNamestring?
La columna SummaryCard.CaptionAggregate se calcula encima. Sin colocar, un conteo cuenta el los récords y cualquier otra cifra se calculan sobre SummaryCard.ColumnName.
ChildContentRenderFragment?
Cualquier cosa bajo la figura.
ColumnNamestring?
La columna de la cifra es: la SummaryCard.Aggregate que se calcula — ingresos, o alias.column para una columna de una tabla a la que se une la consulta — o, sin agregado, el columna de registro en cascada cuyo valor se muestra. Un recuento sin uno cuenta los registros.
FetchXmlstring?
La consulta cuyo registro registra la figura está calculada, en lugar de SummaryCard.ViewId. Es los filtros eligen los registros; sus columnas, ordenación y paginación no importan.
Formatstring?
Se aplicaba un formato numérico .NET para una cifra calculada — N0, C0, #,##0.0 — en la cultura del usuario, como son los totales de una cuadrícula. null lo formatea como la columna es. Un conteo mantiene la suya propia, y una proporción es un porcentaje entero.
Hrefstring?
Convierte la tarjeta en un enlace a esta dirección.
IconIcon?
El icono junto a la figura. Ninguno por defecto.
Label*string
Cuál es la cifra: 'Pipeline abierto', 'Tasa de victoria'.
OfFetchXmlstring?
La consulta de los registros de la figura es una parte, en lugar de SummaryCard.OfViewId.
OfViewIdGuid?
La vista del Dataverse de los registros de los que la figura es parte. Colocado, la tarjeta muestra su cifra dividido por la misma cifra sobre estos registros, conservado en los mismos registros relacionados.
RecordTableRecord?
El registro al que pertenece la tarjeta, en cascada por el contexto del registro circundante.
RelationshipNamestring?
Mantiene los registros en aquellos relacionados con el registro en cascada a través de esta relación, como SubGrid hace: opportunity_customer_accounts para las oportunidades de una cuenta. Sin SummaryCard.ViewId o SummaryCard.FetchXml, cada registro relacionado cuenta. Hasta que el registro se guarda, no hay cifra.
SelfReferencingRoleEntityRole?
¿De qué lado de un autorreferenciamiento de muchos a muchos SummaryCard.RelationshipName a muchos se recae Registro activado. Necesario para una relación así, ignorado para cualquier otra.
ShowProgressBarbool
True
También muestra una proporción como barra, por debajo del porcentaje. Por defecto es true.
Valuestring?
La figura, tal y como se muestra. Set, se muestra en lugar de cualquier otra.
ViewIdGuid?
La vista del Dataverse cuyos registros se ha calculado con la figura.
Nombre: Aggregate
Tipo: QueryAggregate?
Descripción: La cifra a calcular sobre los registros: un Models.QueryAggregate por sí solo, no un combinación. Sin ajustar, la carta muestra SummaryCard.ColumnNameel valor de 's en el registro en cascada.
Nombre: Caption
Tipo: string?
Descripción: Una línea debajo de la figura. Con SummaryCard.CaptionAggregate, {0} en ella está esa figura: '{0} tratos abiertos'.
Nombre: CaptionAggregate
Tipo: QueryAggregate?
Descripción: Una segunda cifra para SummaryCard.Caption, se calculó sobre los mismos registros que la primera. El pie de foto aparece cuando llega.
Nombre: CaptionColumnName
Tipo: string?
Descripción: La columna SummaryCard.CaptionAggregate se calcula encima. Sin colocar, un conteo cuenta el los récords y cualquier otra cifra se calculan sobre SummaryCard.ColumnName.
Nombre: ChildContent
Tipo: RenderFragment?
Descripción: Cualquier cosa bajo la figura.
Nombre: ColumnName
Tipo: string?
Descripción: La columna de la cifra es: la SummaryCard.Aggregate que se calcula — ingresos, o alias.column para una columna de una tabla a la que se une la consulta — o, sin agregado, el columna de registro en cascada cuyo valor se muestra. Un recuento sin uno cuenta los registros.
Nombre: FetchXml
Tipo: string?
Descripción: La consulta cuyo registro registra la figura está calculada, en lugar de SummaryCard.ViewId. Es los filtros eligen los registros; sus columnas, ordenación y paginación no importan.
Nombre: Format
Tipo: string?
Descripción: Se aplicaba un formato numérico .NET para una cifra calculada — N0, C0, #,##0.0 — en la cultura del usuario, como son los totales de una cuadrícula. null lo formatea como la columna es. Un conteo mantiene la suya propia, y una proporción es un porcentaje entero.
Nombre: Href
Tipo: string?
Descripción: Convierte la tarjeta en un enlace a esta dirección.
Nombre: Icon
Tipo: Icon?
Descripción: El icono junto a la figura. Ninguno por defecto.
Nombre: Label*
Tipo: string
Descripción: Cuál es la cifra: 'Pipeline abierto', 'Tasa de victoria'.
Nombre: OfFetchXml
Tipo: string?
Descripción: La consulta de los registros de la figura es una parte, en lugar de SummaryCard.OfViewId.
Nombre: OfViewId
Tipo: Guid?
Descripción: La vista del Dataverse de los registros de los que la figura es parte. Colocado, la tarjeta muestra su cifra dividido por la misma cifra sobre estos registros, conservado en los mismos registros relacionados.
Nombre: Record
Tipo: TableRecord?
Descripción: El registro al que pertenece la tarjeta, en cascada por el contexto del registro circundante.
Nombre: RelationshipName
Tipo: string?
Descripción: Mantiene los registros en aquellos relacionados con el registro en cascada a través de esta relación, como SubGrid hace: opportunity_customer_accounts para las oportunidades de una cuenta. Sin SummaryCard.ViewId o SummaryCard.FetchXml, cada registro relacionado cuenta. Hasta que el registro se guarda, no hay cifra.
Nombre: SelfReferencingRole
Tipo: EntityRole?
Descripción: ¿De qué lado de un autorreferenciamiento de muchos a muchos SummaryCard.RelationshipName a muchos se recae Registro activado. Necesario para una relación así, ignorado para cualquier otra.
Nombre: ShowProgressBar
Tipo: bool
Default: True
Descripción: También muestra una proporción como barra, por debajo del porcentaje. Por defecto es true.
Nombre: Value
Tipo: string?
Descripción: La figura, tal y como se muestra. Set, se muestra en lugar de cualquier otra.
Nombre: ViewId
Tipo: Guid?
Descripción: La vista del Dataverse cuyos registros se ha calculado con la figura.

Eventos

Nombre
Tipo
Descripción
OnClickEventCallback<MouseEventArgs>
Convierte la carta en un botón, que se eleva al pulsarla o pulsarla con Enter o Espacio.
Nombre: OnClick
Tipo: EventCallback<MouseEventArgs>
Descripción: Convierte la carta en un botón, que se eleva al pulsarla o pulsarla con Enter o Espacio.
Reaccionar Blazor

SummaryCards Clase

Parámetros

Nombre
Tipo
Default
Descripción
ChildContentRenderFragment?
Las cartas.
MinCardWidthstring
220px
La carta más estrecha que se roba, como longitud CSS: menos caben en una fila cuando se Más estrecho. Por defecto es 220px.
Nombre: ChildContent
Tipo: RenderFragment?
Descripción: Las cartas.
Nombre: MinCardWidth
Tipo: string
Default: 220px
Descripción: La carta más estrecha que se roba, como longitud CSS: menos caben en una fila cuando se Más estrecho. Por defecto es 220px.