kendo multiselect设置文字?

时间:2018-01-04 05:40:42

标签: javascript jquery kendo-multiselect

如何使用我们的文本值设置kendo multiselect中的值,我的意思是没有值。

multi = $("#multiselect").kendoMultiSelect({
                dataSource: data,
                dataTextField: "exampletext",
                dataValueField: "examplevalue",
                tagTemplate: "<span class='' entity_id =" + 'examplevalue' + " path ="+'examplevalue' + " >" + 'examplevalue' + "</span>",
        }).data("kendoMultiSelect");

要设置kendo多值的值,使用以下代码正常工作:

multi.value(["value1","value2"]);

我需要设置文本值。

1 个答案:

答案 0 :(得分:0)

没有直接属性可以根据文本设置值。

可以通过这种方式实现:

<强> HTML:

<select id="multiselect" multiple="multiple">
    option value="1">Item1</option>
    <option value="2">Item2</option>
</select>

<强>使用Javascript:

<script>
    $("#multiselect").kendoMultiSelect();
    var multiselect = $("#multiselect").data("kendoMultiSelect");
    var d = multiselect.dataSource.data();
    var val = []; 
    var selectedItems = ["Item1", "Item2"];

    for(i=0;i<selectedItems.length;i++)
    {
        var t = d.find(x => x.text === selectedItems[i]);
        if(t!=undefined)
        {
            val.push(t.value);
        }
    }

    // set the value of the multiselect.
    multiselect.value(val);
</script>