2

在尝试将Knockout.js与Select2集成时，我注意到似乎通常的做法似乎没有标记支持。

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

我已将其简化为一个更简洁的jsFiddle 示例，人们期望该示例将构成解决方案的基础。

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

注意：我没有结婚Select2，尽管我认为它很棒。但是，如果有一个替代建议可以很好地与 标记支持Knockout.js，我会很想听听它。话虽Select2如此，我认为解决问题的方法会很有趣。

4

2 回答 2

3

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

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

主要变化：

  1. 可用项目列表通过tags选项直接传递给 Select2。
  2. 使用value绑定而不是selectedOptions因为后者仅适用于<select>元素。
  3. 计算用于将所选项目作为数组获取。
于 2012-10-08T20:22:35.520 回答
1

我已经用更新版本的 knockout.js 更新了提琴手，因为我无法让上面的示例正常工作。这个可以解决问题：http: //jsfiddle.net/6XvqX/424/。

(no change to the code itself)

无论如何，感谢迈克尔提供的解决方案。:)

于 2013-10-09T07:34:06.483 回答