向导按钮

本文详细介绍了Telerik Wizard中可用的按钮。

默认情况下，向导提供了三个按钮，但是它也允许添加自定义按钮的选项，因此您可以配置它来匹配您想要的场景。

在本文中:

• 默认按钮
• 自定义按钮

默认按钮

向导提供了以下默认按钮:

• 下一个-导航到向导的下一步操作。如果下一步是禁用，该按钮也会显示为禁用。如果下一步是启用将触发以下进程:

  • 调用OnStepChange，
  • 转到下一页(如果事件没有从事件参数）
  • 调用ValueChanged步骤修改完成后

• 以前的-跳转到向导的上一步操作。如果上一步为禁用，该按钮也会显示为禁用。如果上一步为启用将触发以下进程:

  • 调用OnStepChange，
  • 转到上一页(如果事件没有从事件参数）
  • 调用ValueChanged步骤修改完成后

• 完成-允许用户完成向导。调用OnFinish事件。

@*默认按钮的向导*@ 
     
 Wizard Content Step 1
     
 Wizard Content Step 2
        

自定义按钮

Wizard组件允许您包含自定义按钮。控件下定义所需的按钮WizardButtons的标签TelerikWizard．

此配置将覆盖Wizard右下角部分的整个呈现，包括内置按钮，从而提供对其的完全控制。如果您希望根据向导的默认设置包括下一步和上一步按钮，您还需要将它们添加到WizardButtons．

自定义向导按钮不会触发组件OnChange而且OnFinish事件。参见使用自定义向导按钮执行业务逻辑在下面。

@*带自定义按钮的向导*@ 
     
 Wizard Content Step 1
     
 Wizard Content Step 2
         @{var index = context;if (index > 0) {进入第一页 Previous} if (index != 2) {Next 到最后一页}}   
 @code{public int Value {get;设置;}}

使用自定义向导按钮执行业务逻辑

内置(默认)向导按钮会触发向导OnChange而且OnFinish事件。这允许应用程序执行自定义业务逻辑，并在特定条件下引导用户进行下一步或上一步。

自定义向导按钮无法触发OnChange而且OnFinish事件。因此，自定义业务逻辑应该在OnClick按钮的事件。另一方面，向导步进总是会触发向导OnChange事件。这就创建了用户导航可以触发不同事件的情况。要在步骤之间执行业务逻辑，请使用以下选项之一:

• 禁用所有steps步骤．用户仍然可以使用自定义向导按钮进行导航。
• 禁用步进点击与CSS．这样，步进器看起来就不会被禁用了。这也是可能的完全隐藏步进．
• 调用OnChange而且OnFinish来自按钮的处理程序OnClick处理程序，以避免重复代码。
• 在这两个步骤中执行相同的代码OnChange处理程序和按钮OnClick处理程序。

使用CSS禁用步进单击

下面的代码将防止单击所有steper步骤，而不会使steper看起来被禁用。

 
         
          
         
        改进这篇文章