Blazor的Telerik UI?下载30天免费试用

事件

在Blazor的Telerik向导中可用的事件是:

OnChange

OnChange事件在当前步骤上触发,并在步骤更改之前触发。处理程序接收一个类型的对象WizardStepChangeEventArgs它公开了以下字段:

  • TargetIndex-包含目标新向导步骤的索引。
  • IsCancelled-指定事件是否被取消,内置动作是否被阻止。

自定义向导按钮请勿触发OnChange事件。参见使用自定义向导按钮执行业务逻辑

OnChange事件处理程序定义在各自的< WizardStep >标签。

处理OnChange第一步和第二步的事件(代码片段如下)

OnChange

*处理步骤的OnChange事件*@下一个目标步骤索引@TargetIndex 

Wizard Content Step 1

Wizard Content Step 2

@code{public int?TargetIndex {get;设置;} = null;async任务OnChangeHandler1(WizardStepChangeEventArgs args) {TargetIndex = args.TargetIndex;} async任务OnChangeHandler2(WizardStepChangeEventArgs args) {args。IsCancelled = true;等待对话框。AlertAsync("请先完成第二步","您无法继续");} [CascadingParameter] public DialogFactory对话框{get; set; } }

ValueChanged

ValueChanged事件触发后,OnChange事件,如果后者尚未取消。处理程序接收新的向导值(步骤索引)作为事件参数。确保将其设置为价值参数,以便呈现新的步骤内容。

处理ValueChanged向导事件

    

Wizard Content Step 1

Wizard Content Step 2

ValueChanged log: @Logger

@code{string Logger {get;设置;} int WizardValue {get;设置;} void ValueChangedHandler(int newValue) {WizardValue = newValue;Logger = "ValueChanged fired,新的向导步骤索引是" + WizardValue;}}

OnFinish

OnFinish事件触发时,完成按钮。

自定义向导按钮请勿触发OnFinish事件。参见使用自定义向导按钮执行业务逻辑

处理OnFinish向导的事件(代码片段如下)

@*处理向导的OnFinish事件*@ 

Wizard Content Step 1

Wizard Content Step 2

@code{async TaskOnFinishHandler(){等待对话框。AlertAsync("你完成了向导!","祝贺你!");} [CascadingParameter] public DialogFactory对话框{get;设置;}}

另请参阅

在本文中
Baidu
map