如何實現gmail風格的標籤選擇器？

Question

什麼是最簡單的實現方式（例如）用於標記郵件的Gmail界面？任何JavaScript庫都有這樣的小部件嗎？

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

行爲：

1. 點擊標籤下拉立即標記信息。
2. 檢查多個標籤，然後「應用」添加多個標籤（不確定我喜歡「應用」要求...）
3. 在框中輸入以縮小標籤列表的範圍。如果您將其縮小到1，則按回車將應用該標籤。
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

所有最好！