Aller au contenu principal

LgGridColorColumn

LgGridColorColumn<TColumnValue> édite une couleur depuis une palette. Elle est utile pour des thèmes, statuts visuels ou codes couleur.

<Columns Context="item">
    <LgGridColorColumn @bind-Value="item.Color"
                       Title="#Color"
                       Palette="_palette" />
</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.

Palette personnalisée​

GridColorColumnPage.razor
@inherits LgPage

<LgGridView StateId="orders-color-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridColorColumn @bind-Value="item.Color"
                           Title="#Color"
                           Palette="_palette"
                           CanEdit="true"
                           DefaultWidth="80px" />
    </Columns>
</LgGridView>
GridColorColumnPage.razor.cs
public partial class GridColorColumnPage : LgPage
{
    // Palette limitée aux couleurs métier autorisées dans la grille.
    private readonly List<string> _palette = new() { "#198754", "#ffc107", "#dc3545" };
}

Filtre​

Aucun filtre intégré.

Énumérations associées​

Les énumérations héritées de LgGridView utilisées dans les exemples (GridEditMode) sont documentées dans LgGridView.

Référence complète

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

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.