Markér hver forekomst af en søgetekst i en streng, uden hensyn til store og små bogstaver, medmindre du beder om andet.
Hvorfor det hjælper
- Markerer træffene
- Mulighed for versalfølsomhed
- Enkel
Hvor det passer
- Søgeresultater
- Lister
- Dokumentation
Eksempel
<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"];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.