剑道组合框不同组合框的多组数据答案

【问题标题】：Kendo combobox multiple set of data for different comboboxes剑道组合框不同组合框的多组数据
【发布时间】：2015-04-22 06:55:00
【问题描述】：

我正在尝试设置一个使用 Javascript MVVM 和 kendo 组合框的页面。我按照他们网站上的教程..

我在同一页面上有多个组合框。现在，如果您切换组合框并选择一个值，它会为所有组合框更改它。我将如何进行设置，以便每个组合框都从相同的数据中提取，但又是互斥的？

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：

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

【问题讨论】：

标签： javascript mvvm combobox kendo-ui

【解决方案1】：

我可以建议使用 kendo DataSource 和过滤器吗？

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

在这里你可以找到我创建的一个道场来演示这个答案。 http://dojo.telerik.com/ECIgA

【讨论】：