Carte résumée

SummaryCard Affiche un chiffre, grand, sous une étiquette — un pipeline ouvert, un compte de cas, un taux de victoire — et SummaryCards en dispose plusieurs en ligne qui s’enroulent sur un écran étroit. Une carte affiche une valeur que vous lui donnez, une colonne de l’enregistrement sur lequel elle se trouve, ou un chiffre que Dataverse calcule sur les enregistrements : un total, une moyenne, un minimum, un maximum ou un compte, formaté par le serveur dans la culture utilisateur. C’est pareil pour Blazor et React.

React Blazor

Figures des archives associées à un document

Dans un contexte d’enregistrement, RelationshipName (relationshipName dans React) conserve les enregistrements à ceux liés à l’enregistrement, comme le fait a SubGrid . Avec un FetchXml ou ViewId également, ses filtres choisissent parmi eux ; sans compter, chaque enregistrement associé compte. Un compte n’a pas besoin de colonne : il compte les enregistrements. Le chiffre est calculé à nouveau lorsque le contexte de l’enregistrement se rafraîchit ou sauvegarde, et un enregistrement non encore enregistré n’en a pas. La démo Account 360 en a quatre en haut d’un compte.

React Blazor

Une valeur du disque

Sans Aggregate (aggregate), ColumnName (columnName) affiche la valeur propre de l’enregistrement à la colonne, formatée comme l’indique sa forme. Value (value) montre une figure que la page calcule elle-même.

React Blazor

Sous-titres et ratios

Caption (caption) met une ligne sous la figure. Avec CaptionAggregate (captionAggregate), {0} il y a une seconde figure sur les mêmes enregistrements, calculée dans la même demande. Avec OfFetchXml ou OfViewId (ofFetchXml, ofViewId), la carte affiche sa valeur comme une part de la même figure sur ces enregistrements : un pourcentage, avec une barre en dessous sauf ShowProgressBar si (showProgressBar) est false.

React Blazor

Cliquer sur une carte

OnClick (onClick) fait de la carte un bouton : un clic, Entrée ou Espace la relevant. Href (href) en fait un lien, qui s’ouvre dans un nouvel onglet comme n’importe quel autre ; dans Réacte, onNavigate elle la suiv via votre routeur par un simple clic.

Cartes résumées

Quatre chiffres sur chaque transaction dans les données de la démo : le pipeline ouvert et le nombre d’affaires qui le composent, la moyenne des transactions ouvertes, les revenus obtenus et la part des transactions conclues qui ont été remportées. Cliquez sur le pipeline pour lister ses transactions. L’argent est dans la monnaie de base de l’organisation.

Exemple de réaction Exemple de Blazor React TypeScript DetailPageRecords.ts Razor DetailPageRecords.cs
Pipeline ouvert 58 413 280 $91 Affaires ouvertes
Distribution moyenne ouverte 641 904 $
Revenus gagnés 966 238 681 $1 725 accords remportés
Taux de victoire 44 %
Réagir Blazor

SummaryCard Classe

Paramètres

Nom
Type
Par défaut
Description
AggregateQueryAggregate?
La figure à déterminer sur les archives : un Models.QueryAggregate seul à lui-même, pas un combinaison. En déposition, la carte affiche SummaryCard.ColumnNamela valeur de de sur l’enregistrement en cascade.
Captionstring?
Une ligne sous la figure. Avec SummaryCard.CaptionAggregate, {0} dedans, il y a cette figure : « {0} des accords ouverts ».
CaptionAggregateQueryAggregate?
Un second chiffre pour SummaryCard.Caption, a été calculé sur les mêmes records que le premier. La légende apparaît dès qu’elle arrive.
CaptionColumnNamestring?
La colonne SummaryCard.CaptionAggregate est calculée par-dessus. Non placé, un compte compte compte le Les records et tout autre chiffre sont calculés à partir SummaryCard.ColumnNamede .
ChildContentRenderFragment?
Tout ce qui est sous la figure.
ColumnNamestring?
La colonne du chiffre est : celle SummaryCard.Aggregate qui est calculée — le chiffre d’affaires, ou alias.column pour une colonne d’une table que la requête rejoint — ou, sans agrégat, le colonne de l’enregistrement en cascade dont la valeur est indiquée. Un compte sans un compte compte les enregistrements.
FetchXmlstring?
La requête dont la figure est calculée est enregistrée, à la place de SummaryCard.ViewId. Son Les filtres choisissent les enregistrements ; ses colonnes, le tri et la pagination n’ont pas d’importance.
Formatstring?
Un format numérique .NET pour une figure calculée — N0, C0, #,##0.0 — s’appliquait dans la culture de l’utilisateur, comme les totaux d’une grille. null le formate comme la colonne est. Un comptage conserve la sienne, et un ratio correspond à un pourcentage entier.
Hrefstring?
Cela fait de la carte un lien vers cette adresse.
IconIcon?
L’icône à côté de la figure. Aucune par défaut.
Label*string
Le chiffre : « pipeline ouvert », « taux de victoire ».
OfFetchXmlstring?
La requête des enregistrements de la part de la figure, à la place de SummaryCard.OfViewId.
OfViewIdGuid?
La vue Dataverse des enregistrements dont la figure est partagée. Une fois la carte posée, la carte affiche sa figure divisé par le même montant sur ces registres, conservé sur les mêmes documents liés.
RecordTableRecord?
Le record auquel appartient la carte, en cascade par le contexte du record environnant.
RelationshipNamestring?
Conserve les enregistrements comme ceux liés au registre en cascade via cette relation, en tant qu’un SubGrid fait : opportunity_customer_accounts pour les opportunités d’un compte. Sans SummaryCard.ViewId ou SummaryCard.FetchXml, chaque enregistrement associé compte. Jusqu’à ce que Le dossier est sauvegardé il n’y a pas de chiffre.
SelfReferencingRoleEntityRole?
De quel côté d’un auto-référentiel plusieurs-à-plusieurs SummaryCard.RelationshipName la cascade Enregistrement est en place. Nécessaire pour une telle relation, ignoré pour toute autre.
ShowProgressBarbool
True
Affiche aussi un ratio en barre, sous le pourcentage. Par défaut à true.
Valuestring?
La figure, telle qu’elle est montrée. Set, elle est représentée à la place de toute autre.
ViewIdGuid?
La vue Dataverse dont les archives sont calculées sur la figure.
Nom: Aggregate
Type: QueryAggregate?
Description: La figure à déterminer sur les archives : un Models.QueryAggregate seul à lui-même, pas un combinaison. En déposition, la carte affiche SummaryCard.ColumnNamela valeur de de sur l’enregistrement en cascade.
Nom: Caption
Type: string?
Description: Une ligne sous la figure. Avec SummaryCard.CaptionAggregate, {0} dedans, il y a cette figure : « {0} des accords ouverts ».
Nom: CaptionAggregate
Type: QueryAggregate?
Description: Un second chiffre pour SummaryCard.Caption, a été calculé sur les mêmes records que le premier. La légende apparaît dès qu’elle arrive.
Nom: CaptionColumnName
Type: string?
Description: La colonne SummaryCard.CaptionAggregate est calculée par-dessus. Non placé, un compte compte compte le Les records et tout autre chiffre sont calculés à partir SummaryCard.ColumnNamede .
Nom: ChildContent
Type: RenderFragment?
Description: Tout ce qui est sous la figure.
Nom: ColumnName
Type: string?
Description: La colonne du chiffre est : celle SummaryCard.Aggregate qui est calculée — le chiffre d’affaires, ou alias.column pour une colonne d’une table que la requête rejoint — ou, sans agrégat, le colonne de l’enregistrement en cascade dont la valeur est indiquée. Un compte sans un compte compte les enregistrements.
Nom: FetchXml
Type: string?
Description: La requête dont la figure est calculée est enregistrée, à la place de SummaryCard.ViewId. Son Les filtres choisissent les enregistrements ; ses colonnes, le tri et la pagination n’ont pas d’importance.
Nom: Format
Type: string?
Description: Un format numérique .NET pour une figure calculée — N0, C0, #,##0.0 — s’appliquait dans la culture de l’utilisateur, comme les totaux d’une grille. null le formate comme la colonne est. Un comptage conserve la sienne, et un ratio correspond à un pourcentage entier.
Nom: Href
Type: string?
Description: Cela fait de la carte un lien vers cette adresse.
Nom: Icon
Type: Icon?
Description: L’icône à côté de la figure. Aucune par défaut.
Nom: Label*
Type: string
Description: Le chiffre : « pipeline ouvert », « taux de victoire ».
Nom: OfFetchXml
Type: string?
Description: La requête des enregistrements de la part de la figure, à la place de SummaryCard.OfViewId.
Nom: OfViewId
Type: Guid?
Description: La vue Dataverse des enregistrements dont la figure est partagée. Une fois la carte posée, la carte affiche sa figure divisé par le même montant sur ces registres, conservé sur les mêmes documents liés.
Nom: Record
Type: TableRecord?
Description: Le record auquel appartient la carte, en cascade par le contexte du record environnant.
Nom: RelationshipName
Type: string?
Description: Conserve les enregistrements comme ceux liés au registre en cascade via cette relation, en tant qu’un SubGrid fait : opportunity_customer_accounts pour les opportunités d’un compte. Sans SummaryCard.ViewId ou SummaryCard.FetchXml, chaque enregistrement associé compte. Jusqu’à ce que Le dossier est sauvegardé il n’y a pas de chiffre.
Nom: SelfReferencingRole
Type: EntityRole?
Description: De quel côté d’un auto-référentiel plusieurs-à-plusieurs SummaryCard.RelationshipName la cascade Enregistrement est en place. Nécessaire pour une telle relation, ignoré pour toute autre.
Nom: ShowProgressBar
Type: bool
Par défaut: True
Description: Affiche aussi un ratio en barre, sous le pourcentage. Par défaut à true.
Nom: Value
Type: string?
Description: La figure, telle qu’elle est montrée. Set, elle est représentée à la place de toute autre.
Nom: ViewId
Type: Guid?
Description: La vue Dataverse dont les archives sont calculées sur la figure.

Événements

Nom
Type
Description
OnClickEventCallback<MouseEventArgs>
Ça fait de la carte un bouton, qui se lève lorsqu’on clique ou appuie sur Entrée ou Espace.
Nom: OnClick
Type: EventCallback<MouseEventArgs>
Description: Ça fait de la carte un bouton, qui se lève lorsqu’on clique ou appuie sur Entrée ou Espace.
Réagir Blazor

SummaryCards Classe

Paramètres

Nom
Type
Par défaut
Description
ChildContentRenderFragment?
Les cartes.
MinCardWidthstring
220px
La carte la plus étroite est tirée, en longueur CSS : moins s’insèrent sur une rangée une fois qu’ils seraient Plus étroit. Par défaut, 220px.
Nom: ChildContent
Type: RenderFragment?
Description: Les cartes.
Nom: MinCardWidth
Type: string
Par défaut: 220px
Description: La carte la plus étroite est tirée, en longueur CSS : moins s’insèrent sur une rangée une fois qu’ils seraient Plus étroit. Par défaut, 220px.