Javascript 剑道组合框不同组合框的多组数据

我正在尝试设置一个使用Javascript MVVM和剑道组合框的页面。我在他们的网站上学习了教程

我在同一页上有多个组合框。现在，如果您切换一个组合框并选择一个值，它将更改所有组合框的值。我该如何设置，使每个组合框从相同的数据中提取，但相互排斥

Javascript:

var viewModel = kendo.observable({
    config: [
        { name: "Service Config", value: "config1" },
        { name: "Service Config2", value: "config2" },
        { name: "Service Config3", value: "config3" }
    ]
    comboBoxValue: null,
    displayComboBoxValue: function() {
        var comboBoxValue = this.get("comboBoxValue");
        return kendo.stringify(comboBoxValue);
    }
});

viewModel.comboBoxValue = viewModel.config[0];

kendo.bind($(".services"), viewModel);

HTML:

---

我可以建议使用剑道数据源和过滤器吗

在初始化组合框时，您可以使用过滤后的数据源填充它们（最初查找的数据与您想要的数据相同）

在这里，您可以找到我创建的一个dojo来演示这个答案。

<select data-role="combobox"
        data-text-field="name"
        data-value-field="value"
        data-bind="source: config, value: comboBoxValue">
 </select>