Aller au contenu principal

LgGridTagBoxColumn

LgGridTagBoxColumn gère des tags texte libres. Il hérite de LgGridBaseTextColumn<TItem, List<string>>.

<Columns Context="item">
    <LgGridTagBoxColumn @bind-Value="item.Tags"
                        Title="#Tags"
                        Placeholder="#TagsPlaceholder"
                        MaxTags="5" />
</Columns>
  • Package NuGet : Lagoon.UI.GridView

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

Paramètres spécifiques​

NomTypeDéfautDescription
TagBoxCssClassstringnullClasses CSS du TagBox.
TagBoxItemCssClassstring"label label-info"Classes CSS appliquées à chaque tag.
PlaceholderstringnullPlaceholder du champ de saisie.
MaxTagsint?nullNombre maximum de tags.
MaxCharsint?nullLongueur maximale d'un tag.
ConfirmKeysList<int>[13,59,44]Touches confirmant la saisie : Enter, ;, ,.
Delimiterstring";"Séparateur utilisé pour la valeur.
AllowDuplicatesboolfalseAutorise les doublons.
NoWrapboolfalseHauteur fixe avec scroll horizontal.

Utilisation​

Tags libres en édition cellule​

GridTagBoxColumnPage.razor
@inherits LgPage

<LgGridView StateId="orders-tagbox-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridTagBoxColumn @bind-Value="item.Tags"
                            Title="#Tags"
                            Placeholder="#TagsPlaceholder"
                            MaxTags="5"
                            MaxChars="30"
                            Delimiter=";"
                            AllowDuplicates="false"
                            NoWrap="true" />
    </Columns>
</LgGridView>

ConfirmKeys permet de remplacer les touches de validation par défaut (Enter, ;, ,) si votre saisie métier utilise un autre séparateur.

Filtre​

Filtre texte / liste de tags.

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

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.