Blazor下拉列表-概述

订单详细信息:
  • Overview.razor
  • CategoryService.cs
  • CategoryDto.cs
  • ProductService.cs
  • ProductDto.cs
  • OrderDetailService.cs
  • OrderDetailDto.cs
正在加载演示源代码…请稍等。
Blazor UI忍者形象

的下拉列表组件Blazor的Telerik UI,一个专业级的UI库,包含100个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。

描述

Blazor DropDownList组件的Telerik UI允许您从预定义值列表中选择一个项目。您可以控制数据,大小和各种外观选项。该组件还允许您通过模板更改其项、主体、页眉和页脚中呈现的内容。

使用Telerik DropDownList UI组件,您需要添加标签到您的razor页面,填充其数据属性与项目的集合,设置TextField和Value字段属性与相应的模型名称,并将下拉列表的值绑定到一个变量(与ValueField参数中定义的相同类型)。

在这个演示中,您可以看到级联下拉列表的一个主要示例。通过在Category下拉列表中选择一个值,Products组件中的相应值将发生变化。您可以通过使用内置功能进一步增强Telerik DropDownList的行为,这些功能用于过滤列表项、分组、虚拟化、呈现图像和其他自定义内容(通过模板和与Telerik Form组件集成)。该组件还包括外观参数,允许您轻松配置组件的大小,形状和填充模式。

Telerik DropDownList for Blazor公开了多个事件,如OnChange, ValueChanged, OnRead和OnBlur,这些事件可以轻松处理与用户与组件交互相关的逻辑。

这个Blazor下拉列表-概述演示是一个独特的收集的数百个Blazor演示的一部分,你可以看到所有Telerik Blazor组件以及他们在行动中的特征。查看每个演示的源代码或直接调整和编辑他们,包括他们的主题外观,在我们的一些Blazor项目的专用游乐场-开拓者的Telerik REPL

支持和学习资源

额外的资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map