Telerik UI for ASP。网络核心向导概述

加载演示……
  • 例子
  • 查看源代码
HtmlHelper
TagHelper
文件:
index.cshtml
IndexController.cs
Index_TagHelper.cshtml

还可用于:

客户端API 服务器端API
Devcraft忍者形象

Wizard组件是Telerik UI for ASP。网络核心,一个具有110多个组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

描述

用于ASP的Telerik UI。网络核心向导lets you easily create multi-step processes and guide step-by-step users in applications.

在这个演示中,您可以看到使用Wizard组件实现一个简单的注册过程,该过程通过三个步骤详细请求用户输入:注册信息、个人信息和支付详细信息。将流程分解为多个阶段将简化用户输入任务,这样他们一次只需要管理一个表单。在每个步骤中,您都有一个预先配置的输入数据的内置验证,以及一个进度指示器,显示实现流程最终目标所需的步骤数。

Wizard组件的主要功能:

  • 内置验证(如果配置了)
  • 与表单组件的集成
  • 使用AJAX加载内容
  • 配置组件步进的位置

向导组件可以从形式而且divDOM元素。默认情况下,Wizard是从div元素。

要从表单元素初始化Wizard,必须使用. tag (" form ")配置。如果向导包含表单定义,则使用Tag(“表单”)配置初始化该向导,则组件中的表单将从div元素初始化。在这种情况下,应该将' novalidate '属性添加到初始化Wizard的表单元素中。这可以通过以下方式实现:

@ (Html.Kendo () .Wizard ()
. name(“向导”)
.Events(ev => ev. done ("onDone"))
.Tag(“形式”)
.HtmlAttributes(new {@novalidate =""})
.Steps (s = >

........................
})

需要' novalidate '属性来防止内置表单验证和默认浏览器验证的重复。如果Wizard中的表单没有使用组件的配置进行验证,则不需要添加' novalidate '属性。

您可以找到关于如何使用ASP的UI的其他信息。NET核心向导组件本节产品文档的。在这里你可以看到组件提供的API。

此向导示例是数百个ASP。NET Core演示,你可以看到所有Telerik ASP。网络核心components他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Telerik REPL for ASP。网络核心ThemeBuilder

支持和学习资源

额外的资源