LgGridDateColumn

LgGridDateColumn<TColumnValue> affiche et édite une date avec une précision jour ou mois.

<Columns Context="item">
    <LgGridDateColumn @bind-Value="item.OrderDate"
                      Title="#OrderDate"
                      DisplayFormat="dd/MM/yyyy"
                      DateBoxKind="DateBoxKind.Day" />
</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 de date et calcul

GridDateColumnPage.razor

@inherits LgPage

<LgGridView StateId="orders-date-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridDateColumn @bind-Value="item.Date" Title="#OrderDate" />
        <LgGridDateColumn @bind-Value="item.DeliveryDate"
                          Title="#DeliveryDate"
                          DisplayFormat="dd/MM/yyyy"
                          CanEdit="true"
                          CanAdd="true"
                          CalculationType="DataCalculationType.Max" />
    </Columns>
</LgGridView>

En mode distant, les dates sont sérialisées avec leur contexte de fuseau horaire ; gardez un format d'affichage explicite lorsque la grille mélange utilisateurs ou cultures.

Bornes d'édition par ligne (MinSelector / MaxSelector)

Min et Max bornent l'éditeur de date. Comme le fragment <Columns> n'est matérialisé qu'une seule fois, une borne qui dépend de la ligne doit passer par MinSelector / MaxSelector (Func<TItem, DateTime?>), évalués par ligne (édition uniquement).

GridDateBoundsPage.razor

@inherits LgPage

<LgGridView StateId="orders-date-bounds" Items="_orders" EditMode="GridEditMode.Cell" Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridDateColumn @bind-Value="item.OrderDate" Title="#OrderDate" />
        @* La livraison ne peut pas précéder la commande : borne minimale par ligne. *@
        <LgGridDateColumn @bind-Value="item.DeliveryDate"
                          Title="#DeliveryDate"
                          MinSelector="i => i.OrderDate" />
    </Columns>
</LgGridView>

Filtre

Filtre date.

Énumérations associées

DateBoxKind

Mode d'affichage du sélecteur de date de la colonne (propriété DateBoxKind).

Valeur	Description
Day	Affiche les jours du calendrier (valeur par défaut).
Month	Affiche le calendrier au mois.
Week	Affiche les jours du calendrier avec sélection de semaine.

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.

DataSortDirection

Direction de tri par défaut (propriété héritée DefaultSortDirection).

Valeur	Description
None	Aucun tri (valeur par défaut).
Asc	Tri croissant.
Desc	Tri décroissant.

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 — LgGridDateColumn.

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.
• LgGridTimeColumn — pour les heures et les durées.
• LgGridMonthColumn — colonne spécialisée mois.
• LgGridWeekColumn — colonne spécialisée semaine.
• LgGridYearColumn — colonne spécialisée année.