Syncfusion Blazor UI Selection Controls

SyncfusionUI 选择控件.NET

适用于现代 Blazor 应用程序的多功能选择组件。

  • 支持单选、多选和层级选择模式。
  • 包括下拉框、组合框、自动完成和基于列表的输入。
  • 提供灵活的筛选、模板和交互式 UI 元素。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Blazor UI Selection Controls 产品图片
Syncfusion Blazor UI 选择控件为 Blazor 应用程序中的用户选择管理提供了丰富多样的组件。它涵盖了从简单表单输入到高级下拉框和层级选择器的各类场景，为开发者在交互式 Web 界面中提供一致的 API 和灵活的数据绑定选项。

使用 DropDown List 实现清晰的单选

DropDown List 允许用户从预定义的选项集中选择一个值。它支持分组、筛选和模板化项，便于在 Blazor 表单和数据录入流程中更清晰地展示结构化数据。

在 DropDown Tree 中处理层级结构

DropDown Tree 在下拉界面中呈现嵌套数据。用户可以展开父节点、浏览子项，并在不同层级选择值。复选框支持有助于在层级数据集中表示跨分支的选择。

在紧凑字段中选择多个值

MultiSelect DropDown 使用户无需离开输入区域即可选择多个项目。内置筛选和可自定义的值显示使其非常适合用于数据驱动应用程序中的标签、筛选和基于类别的选择。

通过 ComboBox 和 AutoComplete 实现灵活输入

ComboBox 将自由文本输入与可选列表相结合，而 AutoComplete 则专注于在用户输入时提供匹配建议。这两个组件都有助于减少输入错误，并支持绑定到本地集合或远程数据源。

使用 MultiColumn ComboBox 比较记录

MultiColumn ComboBox 在其下拉列表中为每个项目显示多个字段。此布局允许用户在做出选择之前并排查看相关数据点，这在结构化业务场景中非常有用。

使用 ListBox 组织和移动项目

ListBox 以可选择列表的形式呈现项目，并支持单选或多选。列表之间的拖放以及项目重新排序功能使其非常适合在应用程序工作流中管理集合。

使用 Radio Button 和 CheckBox 捕获表单决策

Radio Button 和 CheckBox 组件用于处理表单中的互斥选择和独立选择。它们提供清晰的视觉反馈和可预测的行为，因此适用于配置面板和用户偏好设置。

使用 Toggle Switch 和 Button Group 快速更改状态

Toggle Switch Button 通过可交互的开关界面表示布尔值。Button Group 将相关选项组织为可选择的按钮，使用户能够在不同选项之间切换，并获得即时的视觉反馈。

行内引用与视觉标签

Mention 组件会在文本字段中输入触发字符时显示建议，从而支持在内容中进行上下文选择。Chips 组件将所选值表示为紧凑的视觉元素，可直接添加或移除。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • .NET

.NET 版本

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS

.NET 平台

  • .NET Blazor / WebAssembly

IDE 支持

  • Visual Studio