BusyOverlay

Envolva uma região e, enquanto ela está ocupada, escureça-a, mostre um indicador de carregamento e bloqueie cliques, para que ninguém trabalhe com dados desatualizados.

Por que ajuda

• Bloqueia a região
• Indicador por cima
• Anuncia o estado ocupado

Onde se encaixa

• Painéis em carregamento
• Gravação
• Atualização de dados

Exemplo

<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;
    }
}

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles · Documentação