措施的验证

step组件允许您为每个步骤设置验证逻辑。可以通过有效的参数。StepperStep接受bool吗?．

步骤验证可以直观地显示步骤是否有效。它不会阻止用户在步骤之间导航。

您可以切换有效的参数值，以根据应用程序逻辑相应地呈现成功或错误图标。然后可以使用有效的参数值执行任何进一步所需操作的逻辑(例如，如果当前操作无效，则阻止用户导航到下一步)。

取决于显示模式step正在使用时，验证图标将显示在步骤指示器中或作为步骤标签的一部分。

在本文中:

• 在步进验证与显示模式:步骤
• 显示模式步进验证:标签

在步进验证与显示模式:步骤

如果步骤器使用默认显示模式(步骤)，不论是否为每个步骤定义了标签，验证图标都会显示在步骤指示器上。

当在指示器中呈现验证图标时，它们将覆盖步骤指示器的内容(文本、图标等)。它们优先于步骤指示器内容，以便通知相应的步骤是否有效。

@*在step中设置验证，带显示模式Steps(默认)*@ 
 < telerikstep Linear="true" Value="@ steppervalue " ValueChanged="@ handlevaluechanged ">  < step1 Valid="@InvalidStep" Label="收货地址" Icon="@FontIcon. "MapMarkerTarget">< step1 Valid="@ValidStep2" Label="支付方式" Icon="@FontIcon. "$ ">< step1 Label="Finish Order" Icon="@FontIcon. "TrackChangesAccept"> @code {public bool?ValidStep {get;设置;}公共bool?ValidStep2 {get;设置;}公共bool?InvalidStep {get; set; } public int StepperValue { get; set; } public void HandleValueChanged(int index) { StepperValue = index; if (index == 1) { ValidStep = true; } if (index == 2) { InvalidStep = false; } if (index == 3) { ValidStep2 = true; } } }

显示模式步进验证:标签

如果步进器使用标签显示模式下，验证图标将显示为步骤标签的一部分。

@*在step中设置显示模式的验证*@ 
 < telerikstep StepType="@ steppersteptype . "标签" Linear="true" Value="@StepperValue" ValueChanged="@HandleValueChanged" >        
 @code { public bool? ValidStep { get; set; } public bool? ValidStep2 { get; set; } public bool? InvalidStep { get; set; } public int StepperValue { get; set; } public void HandleValueChanged(int index) { StepperValue = index; if (index == 1) { ValidStep = true; } if (index == 2) { InvalidStep = false; } if (index == 3) { ValidStep2 = true; } } }

另请参阅

• 现场演示:步进验证