En liste gruppert etter første bokstav med en bokstavlinje øverst. Et trykk på en bokstav flytter fokus og visningen til den delen av listen.
Hvorfor det hjelper
- Hopp etter bokstav
- Gruppert liste
- Tastaturvennlig
Hvor det passer
- Kataloger
- Ordlister
- Kontaktlister
Eksempel
<TitleIndex TItem="string" Items="_names" OnItemClick="Pick" Label="Countries by first letter" />
<p>@(_picked is null ? "Choose a letter, then a name." : "You chose " + _picked + ".")</p>
@code {
private string? _picked;
private readonly string[] _names =
{
"Albania", "Austria", "Belgium", "Bulgaria", "Croatia", "Cyprus", "Denmark", "Estonia", "Finland", "France", "Germany", "Greece",
"Hungary", "Iceland", "Ireland", "Italy", "Latvia", "Lithuania", "Malta", "Norway", "Poland", "Portugal", "Romania", "Spain", "Sweden"
};
private void Pick(string name) => _picked = name;
}Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.