Stepper
FreeВоди потребителя през последователност от стъпки с бутони Back и Next.
Пример
Параметри
Stepper
| Параметър | Тип | Описание |
|---|---|---|
ActiveIndex | int | Индекс на избрания раздел. Ползвайте с @bind-ActiveIndex. |
AllowJumpBack | bool | Превръща завършените стъпки в заглавието в бутони, които ги отварят отново. |
ChildContent | RenderFragment | Съдържание, изобразено вътре в компонента. |
Class | string | Допълнителни CSS класове, добавени към коренния елемент. |
ShowButtons | bool | Показва бутоните Back и Next. |
Style | string | Вграден стил, добавен към коренния елемент. |
StepperStep
| Параметър | Тип | Описание |
|---|---|---|
ChildContent | RenderFragment | Съдържание, изобразено вътре в компонента. |
Title | string | Текст на заглавие (заглавие на чекмедже, надпис на раздел, заглавие на колона, надпис на стъпка). |
Validate | Func<Task<bool>> | Стъпка на Stepper: изпълнява се преди преминаване нататък, върнете false, за да останете на стъпката. Колона на DataGrid: получава елемента и разчетената стойност и връща текст на грешка или null. |
Събития
Stepper
| Събитие | Тип | Описание |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Вдига се, когато се избере друг раздел. |
OnCancel | EventCallback | Показва бутон Cancel и вдига това, когато се натисне. |
OnFinish | EventCallback | Вдига се, когато се натисне Next на последната стъпка. |
Пакет
Stepper е част от RayCraft Free. Пакет: RayCraft.Blazor. Тя се тегли от nuget.org. Вижте Първи стъпки.
Изпратете обратна връзкаВерсия 1.0.3