Marquez chaque occurrence d’un texte recherché dans une chaîne, sans tenir compte de la casse sauf demande contraire.
Pourquoi c’est utile
- Marque les correspondances
- Option de casse
- Simple
Où il trouve sa place
- Résultats de recherche
- Listes
- Documentation
Exemple
<SearchBox @bind-Value="_query" Label="Filter" Placeholder="Try 'ar'" SearchOnInput="true" OnSearch="@(_ => { })" />
<ul>
@foreach (var country in _countries.Where(c => string.IsNullOrEmpty(_query) || c.Contains(_query, StringComparison.OrdinalIgnoreCase)))
{
<li><Highlighter Text="@country" Query="@_query" /></li>
}
</ul>
@code {
private string? _query = "ar";
private readonly string[] _countries = ["Bulgaria", "Argentina", "Germany", "Norway", "Portugal", "Canada", "Spain"];
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.