如何实现gmail风格的标签选择器？

Question

用于标记邮件的Gmail界面最简单的方法是什么？任何javascript库都有这样的小部件吗？

http://img294.imageshack.us/img294/7097/36698396.png

行为：

1. 点击下拉列表中的标签，立即标记邮件。
2. 检查多个标签然后“应用”以添加多个标签（不确定我是否喜欢“应用”要求...）
3. 在框中输入以缩小标签列表的范围。如果将其缩小到1，则按Enter键将应用该标签。
4. 使用快捷键“L”触发窗口小部件。

Answer 1

贺拉斯 - 你想要一些非常复杂的东西，你应该考虑到即使有很多预先制作的组件，也需要一些时间来完成这样的工作（更不用说 - 很漂亮:-)）

无论如何，预先制作的组件很不错，但我经常喜欢自己破解它，像自由风格一样。所以这是我为了让你前进而做的事情：My simple label demo（警告 - 我只在Firefox 3上对此进行了测试，我很确定它不适用于其他任何东西）

它远非漂亮，但代码非常简单，应该很容易理解。

Answer 2

我怀疑有一个预先准备好的解决方案完全你想要什么，但你应该能够用一个像样的JavaScript库把自己放在一起。像Ext JS之类的东西对此非常理想。

一些可能感兴趣的API页面：

• Ext.Panel
• Ext.form.TextArea
• Ext.menu.CheckItem
• Ext.KeyNav

Answer 3

我正在寻找类似的标签实现，偶然发现了这个帖子。

我无法添加到问题的JS部分，但就标签的“可爱”而言，您可能会发现以下文章/代码有用：

CSS Gmail-Like Labels

一切顺利！