LgGridNumericColumn

LgGridNumericColumn<TColumnValue> affiche et édite des valeurs numériques avec formatage, préfixe et suffixe.

<Columns Context="item">
    <LgGridNumericColumn @bind-Value="item.Amount"
                         Title="#Amount"
                         DisplayFormat="N2"
                         Prefix="€" />
</Columns>

• Package NuGet : Lagoon.UI.GridView

Les paramètres communs sont documentés dans LgGridBaseColumn.

Utilisation

Démonstration

Essayez ce composant dans le showcase Lagoon.

Format, calcul et préfixe/suffixe

GridNumericColumnPage.razor

@inherits LgPage

<LgGridView StateId="orders-numeric-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridNumericColumn @bind-Value="item.Amount"
                             Title="#Amount"
                             DisplayFormat="N2"
                             Decimals="2"
                             Prefix="$"
                             PrefixType="InputLabelType.Text"
                             Suffix="#TaxExcluded"
                             SuffixType="InputLabelType.Text"
                             CalculationType="DataCalculationType.Sum"
                             CalculationDisplayFormat="N2" />
        <LgGridNumericColumn @bind-Value="item.Weight"
                             Title="#Weight"
                             DisplayFormat="N1"
                             CalculationType="DataCalculationType.Average" />
    </Columns>
</LgGridView>

Le filtre de cette colonne n'accepte que des valeurs numériques et peut filtrer par valeur ou par plage.

Préfixe/suffixe par ligne et moyenne pondérée

Le fragment <Columns> n'étant matérialisé qu'une seule fois, un Prefix/Suffix qui dépend de la ligne passe par PrefixSelector / SuffixSelector (Func<TItem, string>), évalués par ligne. Pour une moyenne pondérée (CalculationType="Average"), WeightSelector (Expression<Func<TItem, object>>) fournit le poids par ligne — remplacement typé de l'ancien WeightExpression, dont le nœud de boxing d'une clé de type valeur est retiré pour rester traduisible en calcul distant.

GridNumericSelectorPage.razor

@inherits LgPage

<LgGridView StateId="orders-numeric-selector" Items="_orders" Title="#OrdersGridTitle">
    <Columns Context="item">
        @* Devise par ligne, et moyenne du taux pondérée par le montant de chaque commande. *@
        <LgGridNumericColumn @bind-Value="item.Amount"
                             Title="#Amount"
                             DisplayFormat="N2"
                             SuffixSelector="i => i.CurrencyCode"
                             SuffixType="InputLabelType.Text" />
        <LgGridNumericColumn @bind-Value="item.Rate"
                             Title="#Rate"
                             DisplayFormat="P2"
                             CalculationType="DataCalculationType.Average"
                             WeightSelector="@(i => i.Amount)" />
    </Columns>
</LgGridView>

Filtre

Filtre numérique.

Énumérations associées

InputLabelType

Type de contenu utilisé par les propriétés PrefixType et SuffixType.

Valeur	Description
IconName	Interprète la valeur comme un nom d'icône.
Text	Interprète la valeur comme un texte simple (valeur par défaut).

DataCalculationType

Type de calcul affiché en pied de colonne (propriété héritée CalculationType).

Valeur	Description
None	Aucun calcul (valeur par défaut).
Count	Nombre d'éléments.
Sum	Somme des valeurs.
Average	Moyenne des valeurs.
Min	Valeur minimale.
Max	Valeur maximale.

Les modes d'édition hérités (GridEditMode) sont documentés dans LgGridView.

Référence complète

Fiche générée depuis les sources : Référence API — LgGridNumericColumn.

Composants liés

• LgGridView — la grille de données qui héberge la colonne.
• LgGridTextColumn — colonne de base et paramètres communs hérités.