为Blazor开发Telerik UI

Blazor多选

  • 根据用户输入提供建议，并让他们选择多个选项，使用Blazor MultiSelect组件在输入中创建芯片。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题，只需轻按开关，文档处理库，丰富的文档和演示，帮助您立即开始。
下载免费试用
为Blazor套件的Telerik UI
美国国家航空航天局(Nasa)签证,微软 福克斯、三星、IBM 世界银行集团，沃尔沃

  • 多选概述

    Blazor MultiSelect Component向用户显示预定义选项的列表，并允许从该列表中键入或选择多个值。MultiSelect是一个功能强大、功能齐全的UI控件，可以绑定到数据，并通过配置其尺寸、模板和处理可用事件来满足任何项目需求。Telerik MultiSelect可以在Blazor WebAssembly (WASM)和Blazor服务器端应用程序中工作，通过在用户输入时提供建议为用户提供方便，具有内置的键盘导航，并可以使用本地化功能翻译为任何语言。

    看到演示
    Telerik UI为Blazor多选择概述

  • 多选数据绑定

    的Blazor多选组件支持绑定到Blazor应用程序中的基本类型(例如int、字符串或其他数据类型的简单集合)或数据模型。

    MultiSelect数据绑定示例．

    用于Blazor数据绑定的Telerik UI

  • 多选择过滤和搜索

    若要在MultiSelect组件中更快、更简单地搜索值，您可以设置滤过性的参数的组件。通过这种方式，控件将根据当前用户输入筛选可用的建议。

    MultiSelect提供了额外的参数来微调过滤和搜索:

    • 最小长度-允许你控制过滤器列表出现的时间;
    • FilterOperator-允许你定义过滤操作符，如" startwith "， " contains "， " endswith "等;
    用于Blazor多选择过滤的Telerik UI

  • 多选自定义过滤

    控件的MultiSelect组件允许定义自定义筛选并动态设置数据源OnRead事件．

    多选择自定义过滤示例。
    用于Blazor多选择自定义过滤的Telerik UI

  • 使用模板自定义多选择

    MultiSelect组件和它的项呈现可以使用它提供的模板选项之一轻松定制:

    • 头模板-定义MultiSelect的自定义弹出头外观
    • 项目模板-让你自定义所有列表项的外观
    • 页脚模板-帮助您设计自己的弹出式多选择页脚
    Telerik UI为Blazor Multiselect tonemplate

  • 多选验证

    内置的EditForm和DataAnnotation验证支持在所有Telerik Blazor组件中都是开箱即用的，包括MultiSelect。

    Blazor中的多选择验证示例。

    用于Blazor多选择验证的Telerik UI

  • 多选事件

    你有几个可用的事件来捕获和处理对MultiSelect组件中的值的更改:

    • OnRead-在组件初始化和用户过滤时触发
    • ValueChanged-在用户选择改变时触发
    • OnChange-只在用户按回车键时触发，或者模糊输入(例如，单击组件外部)
    • 元素失去焦点时-当失去焦点时触发的事件
    Blazor Events的Telerik UI

  • 多选TabIndex

    Blazor MultiSelect组件，就像所有其他Telerik UI的Blazor输入组件一样，支持键盘导航在组件之间切换，这要多亏了HTML TabIndex属性。按Tab键通常会关注下一个可用的输入组件，这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置，您可以自定义该顺序。

  • 多选择键盘导航和可访问性

    与Blazor组件的所有其他Telerik UI一样，MultiSelect支持开箱即用的键盘导航，这将允许简单的导航和使用键盘与组件的列表值进行交互。语义HTML和对可访问性标准(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性)的支持让残疾用户可以轻松使用Telerik MultiSelect。

    多选择键盘导航演示。

    Telerik用户界面为Bazor键盘导航

  • 多选择全球化和本地化

    多选择控件有内置的本地化支持，这使得它很容易将文本翻译为您的Blazor应用程序可能需要的任何语言。

    演示了多种语言的多选择组件。
    用于Blazor全球化和本地化的Telerik UI

  • 多选弹出设置

    Blazor MultiSelect组件允许您简单地从单个标记弹出配置。弹出式设置允许您配置最小和最大尺寸以及已经存在的宽度、高度和类参数。此外，MultiSelect Open和Close方法允许您切换Blazor 组件的UI的弹出可见性，而不触发OnOpen/OnClose事件。

  • 多选分组

    MultiSelect组件中的内置分组功能帮助用户轻松地在列表中的选项中导航，并从每个类别中选择他们想要的最佳内容。在列表顶部的类别标签使您更容易定位您所寻找的特定项目，首先导航到适当的类别。

    查看Telerik UI的Blazor多选择分组功能
    Telerik UI为Blazor多选择-分组

  • 虚拟化

    延迟加载MultiSelect的项可以通过减少加载和响应时间来改善用户体验。该组件与所有其他Baidu