添加到kendoMultiSelect [英] Add to kendoMultiSelect

问题描述

使用新的剑道多重选择功能，我如何将选项添加到列表中并使其处于选中状态?

With the new kendo multiselect how would I add options to the list and make them selected?

例如，如果我有一个包含以下内容的下拉列表:1,2,3，而我想添加4和5，我该怎么做?我必须销毁多重选择，添加选项，然后重新初始化多重选择吗?

For instance if I have a dropdown containing: 1,2,3 and I wanted to add 4 and 5 how do I do that? Do I have to destroy the multiselect, add the options and then reinit the multiselect?

推荐答案

给出以下multiselect定义:

var data =
        [
            { text: "Africa", value: "1" },
            { text: "Europe", value: "2" },
            { text: "Asia", value: "3" },
            { text: "North America", value: "4" },
            { text: "South America", value: "5" },
            { text: "Antarctica", value: "6" },
            { text: "Australia", value: "7" }
        ];

var multi = $("#select").kendoMultiSelect({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: data
}).data("kendoMultiSelect");

您可以使用:

var values = multi.value();

用于获取值列表.

并且将值设置为南美(元素为value 5)和亚洲"(元素为value 3)，请使用:

And for setting the value to South America (element with value 5) and "Asia" (element with value 3) use:

multi.value(["5", "3"])

如果要将值添加到现有值中，则需要一些技巧:

If you want to add values to whatever it has then you need a little trick:

var multi = $("#select").kendoMultiSelect({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: data,
    value: ["1", "2", "3"]
}).data("kendoMultiSelect");

// Adding value 4 and 5 to current content
var values = multi.value().slice();
$.merge(values, ["4", "5"]);
multi.value(values);

警告:如果已经选择了值4和5，则最终将它们重复.

Warning: If values 4 and 5 were already selected you will end up having them duplicated.

这篇关于添加到kendoMultiSelect的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！