BusyOverlay

Обградете област и докато е заета, я затъмнете, покажете спинер и блокирайте кликовете, така че никой да не работи с остарели данни.

Защо помага

• Блокира областта
• Спинер отгоре
• Обявява зает режим

Къде пасва

• Панели при зареждане
• Запис
• Обновяване на данни

Пример

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

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли · Документация