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

步进事件

这篇文章解释了Blazor的Telerik步进中可用的事件:

OnChange

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

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

处理OnChange第一步和第二步事件。下面的代码片段的结果。

OnChange

@*处理步骤的OnChange事件*@下一个目标步骤索引:@ targetindex 
< telerikstep >< stepsteps >< stepstep Text="1" OnChange="@ onchangehandler1 ">< stepstep Text="2" OnChange="@ onchangehandler2 ">< stepstep Text="3"> @code{公共int?TargetIndex {get;设置;} = null;async任务OnChangeHandler1(StepperStepChangeEventArgs args) {TargetIndex = args.TargetIndex;} async任务OnChangeHandler2(StepperStepChangeEventArgs args) {args。IsCancelled = true;等待对话框。AlertAsync("请先完成第二步","您无法继续");} [CascadingParameter] public DialogFactory对话框{get;设置; } }

ValueChanged

该Telerik步进Blazor支持ValueChanged事件。它在CurrentStepIndex的每次更改时触发。


处理ValueChanged事件。代码片段的结果。

ValueChanged例子

@*处理步骤步骤的ValueChanged事件*@ @Result < telerikstep ValueChanged="@ valuechangehandler ">< stepstep> < stepstep Text="1" Label=" step1 "> < stepstep Text="2" Label=" step2 "> < stepstep Text="3" Label=" step3 ">   @code{public string Result {get;设置;} public void ValueChangeHandler(int index){结果= "步骤索引改变。当前步进索引为:" +索引;}}

另请参阅

在本文中
Baidu
map