步进事件
这篇文章解释了Blazor的Telerik步进中可用的事件:
OnChange
的OnChange
事件在当前步骤更改之前触发。处理程序接收一个类型的对象StepperStepChangeEventArgs
它公开了以下字段:
TargetIndex
-目标新步骤的索引。IsCancelled
-指定事件是否被取消,内置动作是否被阻止。
处理OnChange
第一步和第二步事件。下面的代码片段的结果。
@*处理步骤的OnChange事件*@下一个目标步骤索引:@ targetindex < telerikstep >< stepsteps >< stepstep Text="1" OnChange="@ onchangehandler1 "> stepstep >< stepstep Text="2" OnChange="@ onchangehandler2 "> stepstep >< stepstep Text="3"> stepstep > stepsteps > telerikstep > div> @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例子](//www.aliitrade.com/docs/docs/blazor-ui/components/stepper/images/value-changed-example.gif)
@*处理步骤步骤的ValueChanged事件*@ @Result < telerikstep ValueChanged="@ valuechangehandler ">< stepstep> < stepstep Text="1" Label=" step1 "> stepstep> < stepstep Text="2" Label=" step2 "> stepstep> < stepstep Text="3" Label=" step3 "> stepstep> stepstep> telerikstep > @code{public string Result {get;设置;} public void ValueChangeHandler(int index){结果= "步骤索引改变。当前步进索引为:" +索引;}}
另请参阅