knockout.js - 使用 Knockout.js 对 Select2 进行标记支持

Question

尝试整合Knockout.js与 Select2 ，我注意到似乎是 the usual way这样做似乎没有tagging support .

有a jsFiddle这说明了基本支持，但尚不清楚如何将其扩展到 Select2 的标记支持。

我已将其简化为更简洁的 jsFiddle example 人们期望这将构成解决方案的基础。

对于如何使用 Knockout.js 获取 Select2 标记支持的想法和建议，我将不胜感激。

注意:我并没有与 Select2 结婚，尽管我认为它很棒。然而，如果有一个与 Knockout.js 配合良好的标记支持替代建议，我将非常有兴趣了解它。话虽这么说，我认为使用 Select2 解决问题会非常有趣。

Answer 1

标记功能不适用于 <select>正如你所指出的元素。这是因为它允许用户添加不在列表中的标签。您可以在字段中输入任何内容并按 Enter 键，它就会添加到值中。

这是一个工作示例:http://jsfiddle.net/mbest/6XvqX/41/

主要变化:

1. 可用项目列表通过 tags 直接传递到 Select2选项。
2. value使用绑定(bind)代替 selectedOptions因为后者仅适用于 <select>元素。
3. 计算用于以数组形式获取所选项目。