Entourez une région et, pendant qu’elle est occupée, assombrissez-la, affichez un indicateur de chargement et bloquez les clics, pour que personne ne travaille sur des données périmées.
Pourquoi c’est utile
- Bloque la région
- Indicateur par-dessus
- Annonce l’état occupé
Où il trouve sa place
- Panneaux de chargement
- Enregistrement
- Actualisation des données
Exemple
<Stack Direction="StackDirection.Column" Spacing="2">
<Button OnClick="Load">Reload</Button>
<BusyOverlay Busy="_busy" Label="Loading orders">
<Card>
<Descriptions>
<DescriptionItem Label="Orders">@_count</DescriptionItem>
<DescriptionItem Label="Updated">@_updated</DescriptionItem>
</Descriptions>
</Card>
</BusyOverlay>
</Stack>
@code {
private bool _busy;
private int _count = 128;
private string _updated = "never";
private async Task Load()
{
_busy = true;
await Task.Delay(1800);
_count += 7;
_updated = DateTime.Now.ToString("T");
_busy = false;
}
}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.