Question

我正在尝试设置一个使用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>

Answer 1

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

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

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

Kendo组合框用于不同组合框的多组数据

1 个答案: