Javascript 选择2个不带ajax的动态数据值

我有一个主干集合，从中动态生成选项值

当然，主干模型属性甚至可以在不发出任何ajax请求的情况下进行更改。只有客户端更改

我用的是x射线

借助它，我将呈现select2的选项值

从我找到的文档中，我可以提供一个

source

选项，它可以是一个函数

因此，我提供了

source

作为函数，该函数使用x-editable为select2生成选项值

但当收集数据/模型数据发生变化时，不会发生任何变化

如何解决这个问题

以下是我目前正在做的事情（更改收集数据后不起作用）

即使StateCollection中任何模型的“键”发生更改，选项值仍保持不变。 为什么会这样？如何解决这个问题

编辑：以此为例：

---

如何跟踪源数组中的所有添加、删除和更新，并立即与select2同步（当前值和可用值应同步）？

当数据更改时，您可能应该重新应用小部件。听“添加”和“更改”事件，然后再次调用

editable

。至少我不希望这样。另外，将源重新设置为“可编辑”也是不可取的。如果不使用主干，该怎么办。。只使用了一些数组。签出更新的问题

$('#state').editable({
        source: function(){
           return _.pluck(StateCollection, 'KEY');
         }
    });