Syncfusion JavaScript UI Selection Controls
适用于 JavaScript Web 界面的全面选择控件。
- 支持单选、多选和层级选择模型。
- 包含下拉列表、组合框、自动完成和列表组件。
- 提供筛选、模板和交互式状态控件。
起价:
使用 DropDown List 实现结构化选择
DropDown List 允许用户从预定义数据集中选择单个值。它支持分组、筛选和自定义项目模板，帮助你在表单和数据录入界面中清晰地呈现结构化信息。
在一个字段中处理多项选择
MultiSelect DropDown 使用户能够在紧凑的输入区域内选择多个项目。内置筛选和可自定义的已选值显示，使其适用于标签、分类和高级筛选场景。
使用 DropDown Tree 浏览嵌套数据
DropDown Tree 在下拉界面中显示层级数据。用户可以展开节点、查看子元素，并在不同层级选择项目。复选框支持有助于表示跨层级分支的选择。
使用 AutoComplete 加快输入
AutoComplete 组件会在用户输入时建议匹配的条目，从而减少错误并提升速度。它支持自定义筛选逻辑，并可绑定到本地数组或远程数据源以提供动态建议。
使用 ComboBox 实现灵活输入
ComboBox 将文本输入与可选择的预定义选项列表相结合。用户既可以从列表中选择，也可以输入自定义值，因此在需要引导式输入和自由输入并存的场景中非常有用。
使用 MultiColumn ComboBox 对比数据
MultiColumn ComboBox 在其下拉列表中为每个项目展示多个字段，允许用户在做出选择之前比较相关值。这种布局非常适合结构化业务数据。
通过 ListBox 管理集合
ListBox 以可选择列表的形式显示项目，并支持单选或多选。拖放和重新排序功能允许用户直接在界面中组织或转移项目。
使用 Radio Button 和 CheckBox 做出清晰的表单决策
Radio Button 和 CheckBox 组件用于处理表单中互斥和独立的选择。它们提供清晰的状态指示和可配置的布局，确保用户输入流程中的行为可预测。
使用 Toggle Switch 和 Button Group 实现即时状态变化
Toggle Switch Button 以交互式形式表示布尔值，并提供即时视觉反馈。Button Group 将相关选项排列为可选择按钮，使用户能够快速在不同选项之间切换。
使用 Mention 和 Chips 实现上下文输入
Mention 组件会在文本字段中输入触发字符时显示建议，从而实现行内引用。Chips 组件将所选值表示为紧凑的可视元素，这些元素可以被添加、选择或移除。
产品兼容性
请查看以下详细信息，以确保此产品在您的环境中受支持。
组件类型
- JavaScript
JavaScript 平台
- Vanilla JavaScript
关于Syncfusion
Syncfusion 成立于 2001 年，总部位于北卡罗来纳州 Morrisville，专注于为 .NET、JavaScript 以及主要移动和桌面开发平台提供广泛的开发者组件、控件和框架。凭借超过 125 个国家/地区的 12,000 多家客户，它服务于从个人开发者到 Fortune 500 企业的多元化客户群。Essential Studio 等广受欢迎的产品系列提供超过 1,600 个组件，支持快速应用开发、深入的商业智能以及强大的报表解决方案，所有这些都配有响应迅速的支持和透明的许可。
