为Blazor开发Telerik UI
Blazor DropDownList
- Blazor DropDownList控件允许您预定义一个项目列表，并控制数据，大小和外观选项。允许您通过模板更改在项目、主体、页眉和页脚中呈现的内容。
- 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，以完美适合任何应用程序的需求。
- Blazor UI套件还配有专业设计的主题，只需轻按开关，文档处理库，丰富的文档和演示，帮助您立即开始。
-
DropDownList概述
Blazor下拉列表允许用户从选项列表中选择一个选项。它提供了灵活的数据绑定、通过模板、事件、验证、可访问性和键盘导航进行外观定制。您还可以为没有选择设置一个占位符消息。下拉列表可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作
Telerik UI为Blazor下拉列表演示
-
DropDownList数据绑定
您可以将Telerik下拉菜单绑定到一个简单的数字或字符串集合，或者从您的Blazor应用程序的整个模型。
-
DropDownList事件
DropDownList组件公开3个事件- OnChange, ValueChanged和OnBlur，让你处理用户输入的任何方式，你需要。顾名思义，它们会在提交值时、每次击键时以及失去焦点时被触发。
-
过滤
Blazor DropDownList的Telerik UI支持过滤—当列表中有大量条目时非常适合。您的用户将从快速找到他们需要的信息中受益，特别是在搜索国家、品牌或人物的长列表时。
-
它弹出设置
在一个单独的专用标记中，Blazor DropDownList允许您简单地配置最小和最大尺寸以及已经公开的参数宽度，高度和类。除此之外，开放而且关闭方法的下拉列表允许你切换弹出的可见性，而不触发OnOpen/OnClose事件。
-
使用模板自定义下拉列表
您可以通过模板自定义Telerik下拉菜单组件的外观，以便能够以所需的方式显示数据—从添加更多的数据而不仅仅是文本(比如价格)，到使用几行CSS实现网格状的多列下拉菜单。您可以修改:
- ValueTemplate-用户从所选项目中看到的内容
- 头-你自己的内容上面的项目列表下拉
- 页脚-总是可见的项目列表下面
- ItemTemplate-如何单独的项目渲染，所以你可以添加更多的只是他们的文本
检查Blazor DropDownList外观定制演示
-
DropDownList表单验证
内置的支持EditForm和DataAnnotation验证是必须的，它在所有Telerik Blazor组件中都是开箱即用的，包括下拉列表。
-
DropDownList TabIndex
Blazor DropDownList组件，就像所有其他Telerik UI为Blazor输入组件，支持键盘导航之间切换，感谢HTML TabIndex属性。按Tab键通常会关注下一个可用的输入组件，这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置，您可以自定义该顺序。 -
DropDownList分组
-
虚拟化
虚拟化支持按需加载DropDownList中的项目，显著加快了显示列表所需的时间。将虚拟化与过滤功能结合起来，即使对于大量的条目，您也会得到一个快速的下拉列表。
-
下拉列表可访问性和键盘导航
语义HTML和对可访问性标准(WCAG、Section 508和屏幕阅读器的WAI-ARIA属性)的支持让残疾用户可以轻松使用Telerik下拉列表。内置的键盘支持允许您导航组件并选择所需的项目，而不必触摸指向设备。
-
DropDownList主题
Telerik Blazor下拉列表有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题，或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序．
