LgGridSelectColumn

LgGridSelectColumn<TColumnValue, TDataSourceItem> lie une valeur à une source de données de type liste pour l'affichage, l'édition et le filtrage.

<Columns Context="item">
    <LgGridSelectColumn @bind-Value="item.StatusId"
                        Title="#Status"
                        DataSource="_statusDataSource" />
</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.

Liste de sélection simple

GridSelectColumnPage.razor

@inherits LgPage

<LgGridView StateId="orders-select-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Exportable="true"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridSelectColumn @bind-Value="item.StatusId"
                            Title="#Status"
                            DataSource="_statusDataSource"
                            ExportFormat="ExportSelectFormat.Text"
                            ResetButton="true" />
    </Columns>
</LgGridView>

GridSelectColumnPage.razor.cs

public partial class GridSelectColumnPage : LgPage
{
    // Source de choix partagée par la colonne et son filtre multi-sélection.
    private readonly StatusDataSource _statusDataSource = new(new List<StatusItem>
    {
        new() { Id = 1, Label = "#Draft" },
        new() { Id = 2, Label = "#Validated" },
    });
}

public sealed class StatusDataSource : ListDataSource<StatusItem, int>
{
    public StatusDataSource(List<StatusItem> items) : base(items)
    { }

    // Texte affiché dans la cellule, la liste d'édition et le filtre.
    public override string GetItemText(StatusItem item)
    {
        return item.Label;
    }

    // Valeur stockée dans le modèle de ligne.
    public override int GetItemValue(StatusItem item)
    {
        return item.Id;
    }
}

public sealed class StatusItem
{
    public int Id { get; set; }
    public string Label { get; set; }
}

Filtre

Filtre sélection simple.

Énumérations associées

ExportSelectFormat

Format d'export des éléments de sélection (propriété ExportFormat).

Valeur	Description
Text	Exporte le texte affiché de l'élément (valeur par défaut de la configuration d'export).
Value	Exporte la valeur de l'élément.

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

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.
• LgGridSelectMultipleColumn — variante multi-valeurs.
• LgGridEnumColumn — sélection d'une valeur d'énumération.