Blazor步进器-概述

  • Overview.razor
加载演示源代码…请稍等。
Blazor UI忍者形象

步进元件是《Blazor》的teleerik UI一个专业级的UI库,拥有100多个本地组件,用于构建现代和功能丰富的应用程序。要想尝试一下,注册一个30天的免费试用。

描述

Blazor的teleerik UI步进组件使您能够创建一系列逻辑步骤,帮助用户浏览冗长的流程。除了作为一个独立的组件,步进器也是一个不可分割的一部分向导组件。

step控件旨在帮助您将web应用程序中的复杂操作划分为更小的步骤。它使您能够创建一个可视化进度的序列,并使其更容易跟踪您的进度。Stepper还可以用于导航目的,例如填写包含多个类别的在线表单,例如购物车、账单地址和通过第三方服务付款。

Blazor step可以通过多种方式配置。您可以选择您喜欢的步骤类型,或者带有指示符和标签的步骤,或者只有标签的步骤,这将改变步骤在组件中的显示方式。

您可以选择垂直或水平方向,并进一步自定义步进器的外观。根据选择的方向,标签位置和指示器会相应改变。例如,标签可以与步骤号对齐,也可以放置在步骤号旁边。步骤流可以被限制为线性,这意味着需要完成前一个步骤才能进入下一个步骤,或者用户一次只能来回执行一个步骤。

内置的Blazor验证将在Valid参数设置时触发。根据它是真还是假,将在步骤指示符中呈现成功(检查)或错误图标,或者作为每个步骤下面标签的一部分呈现。如果未指定步骤有效性,则不会显示任何图标。这使得用户更容易跟踪他们已经完成的步骤,以及他们需要更多的操作。

step组件使您能够在选择步骤后自定义代码。例如,根据您的选择,您可以更改有效性或启用/禁用步骤。组件当前只执行ValueChange事件,该事件在CurrentStepIndex发生更改时触发。

这个steppper Overview示例是数百个Blazor演示的独特集合的一部分,您可以看到所有这些演示Blazor组件的Telerik UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Blazor的teleerik REPLThemeBuilder

支持和学习资源

额外的资源

发生错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map