Vue的剑道UI
Vue组合框
- 允许用户从预定义的选项集中选择一个选项。
- Vue库的部分Kendo UI与其他同类最佳的本地组件一起用于构建快速美观的应用程序。
- 附带出色的技术支持，详细的文档和演示。
-
概述
Vue ComboBox的Kendo UI是一个组件，它允许您从列表中选择单个预定义值，并且是
-
数据绑定
ComboBox组件可以绑定到原始数据类型(int、string等)的数组或对象的数据集。
-
过滤
当滚动长长的项目列表不是一个选项，组合框是在这里帮助你。开始输入你要找的文本，它会过滤数据，只显示相关的项目供你选择。定义用户在获得过滤列表之前应该输入的字符数，使用内置的过滤操作符，或者实现您自己的过滤逻辑，例如，每次都从服务器请求条目。
剑道UI为Vue组合框过滤的例子
-
建议
组合框提供了用户在其输入字段中键入时显示的建议。它自动使用与输入文本匹配的第一个结果完成用户输入。
剑道UI为Vue组合框建议的例子
-
自定义渲染
使用Vue ComboBox的自定义呈现Kendo UI，您可以通过模板自定义组件的不同部分。您可以修改:
- 项目模板-定义如何渲染单个项目。通过显示更多内容而不仅仅是文字，使项目更具吸引力
- 头-自定义设计上面的下拉列表中的项目
- 页脚-总是在项目列表下方可见
- 无数据模板-当没有匹配的记录时，弹出框会显示什么数据
-
浮动标签
浮动标签功能，一旦用户输入一个值，就会将初始文本移动到组件输入上方的ComboBox内。因此，标签“浮动”在输入的上方。此功能可用于由Vue套件的Kendo UI提供的每个主题(默认，引导和材料)。
-
虚拟化
ComboBox组件提供的虚拟滚动是分页的另一种选择，对于显示大型数据集很有用。当滚动弹出列表时，ComboBox重用现有项来显示相关数据，而不是创建新项。
剑道UI的Vue ComboBox虚拟化的例子
-
验证
剑道UI为Vue ComboBox支持本地剑道UI的Vue实现HTML5表单验证。利用其内置的特性，您可以以最小的工作量构建基本或复杂的验证场景。
剑道用户界面为Vue组合框验证的例子
-
从右到左的支持
与Vue下拉菜单的其他剑道UI一样，ComboBox组件支持RTL工作模式。
剑道UI的Vue组合盒右到左支持的例子 -
全球化和本地化
无论ComboBox是否有一些可以翻译的UI字符串，这种翻译都可以以最小的工作量完成，因此您的国际用户将拥有本地化的内容。
看到Vue ComboBox全球化示例的剑道UI
-
键盘导航和辅助功能
ComboBox组件提供了完整的wai - aria可访问性支持，并且与第508节要求。它可以通过屏幕阅读器访问，并具有集成的键盘导航，可以让您导航组件并选择所需的项目，而无需触摸指向设备。
开始使用剑道UI为Vue
