orchidjs/tom-select

Tom Select 是一个动态、无框架和轻量级 (~16kb gzipped) 的 <select> UI 控件。具有自动完成和原生键盘导航功能,适用于标签、联系人列表、国家选择器等。

资助包维护!
Open Collective

安装: 316

依赖项: 0

建议者: 0

安全: 0

星星: 1,621

关注者: 16

分支: 122

开放问题: 44

语言:JavaScript

类型:组件


README

Tom Select

GitHub Repo stars jsDelivr hits (npm) npmjs.org tests Coveralls Coverage GitHub Issues

Tom Select 是一个动态、无框架和轻量级 (~16kb gzipped) 的 <select> UI 控件。具有自动完成和原生键盘导航功能,适用于标签、联系人列表、国家选择器等。Tom Select 是从 selectize.js 分支出来的,旨在更新代码库、从 jQuery 解耦并扩展功能。

特性

  • 智能选项搜索/排名
    选项可以高效地在线评分和排序(使用 sifter)。想搜索项目的标题和描述?没问题。
  • 项目之间的光标
    有时顺序很重要。使用 光标位置插件,您可以使用 光标键在选定的项目之间移动
  • 一次选择和删除多个项目
    在 Mac 上按 command 键或在 Windows 上按 ctrl 键以选择多个要删除的项目。
  • 支持迪亚克里特
    非常适合国际环境。
  • 创建项目
    允许用户实时创建项目(支持异步保存;控件会锁定,直到回调函数被触发)。
  • 远程数据加载
    当您有数千个选项时,希望它们在用户输入时由服务器提供。
  • 可扩展
    插件 API 用于开发自定义功能(使用 microplugin)。
  • 可访问性触摸支持干净的 API,...

用法

<input id="tom-select-it" />
<link rel="stylesheet" href="/css/tom-select.default.css">
<script src="/js/tom-select.complete.js"></script>
<script>
var config = {};
new TomSelect('#tom-select-it',config);
</script>

可用的配置设置在此文档中记录

安装

使用 Tom Select 所需的所有预构建文件都可以通过以下任何来源在 "dist" 文件夹中找到

文件

赞助商

非常感谢所有赞助商,他们的帮助使得开发成为可能。成为赞助商

Trust My Paper Logo WiseEssays.com


许可证

版权所有 © 2013–2023 贡献者

根据 Apache 许可证 2.0 版("许可证")许可;除非遵守许可证,否则不得使用此文件。您可以在:https://apache.ac.cn/licenses/LICENSE-2.0 获取许可证副本。

除非适用法律要求或书面同意,否则根据本许可证分发的软件是以“现状”为基础分发的,不提供任何形式(无论是明示的还是暗示的)的保证或条件。请参阅许可证了解具体的管理许可和限制的条款。