LgGridSelectMultipleColumn

LgGridSelectMultipleColumn<TColumnValue, TDataSourceItem> édite et filtre une collection de valeurs à partir d'une source de données partagée.

<Columns Context="item">
    <LgGridSelectMultipleColumn @bind-Value="item.TagIds"
                                Title="#Tags"
                                DataSource="_tagDataSource"
                                VisibleItemCount="8" />
</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 multiple

GridSelectMultipleColumnPage.razor

@inherits LgPage

<LgGridView StateId="orders-select-multiple-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Exportable="true"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridSelectMultipleColumn @bind-Value="item.TagIds"
                                    Title="#Tags"
                                    DataSource="_tagDataSource"
                                    ExportFormat="ExportSelectFormat.Text"
                                    ResetButton="true"
                                    VisibleItemCount="3" />
    </Columns>
</LgGridView>

GridSelectMultipleColumnPage.razor.cs

public partial class GridSelectMultipleColumnPage : LgPage
{
    // Source de choix utilisée en édition, affichage et filtrage multiple.
    private readonly TagDataSource _tagDataSource = new(new List<TagItem>
    {
        new() { Id = 1, Label = "#Urgent" },
        new() { Id = 2, Label = "#Internal" },
    });
}

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

    // Libellé affiché pour chaque valeur sélectionnée.
    public override string GetItemText(TagItem item)
    {
        return item.Label;
    }

    // Identifiant persistant stocké dans la liste liée à la ligne.
    public override int GetItemValue(TagItem item)
    {
        return item.Id;
    }
}

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

Filtre

Filtre sélection multiple.

É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 — LgGridSelectMultipleColumn.

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.
• LgGridSelectColumn — variante à valeur unique.
• LgGridEnumListColumn — pour une liste de valeurs d'énumération.