need help in kendo Multiselect


here is the reference

Example of Server filtering in Kendo UI MultiSelect widget

Now the thing is i want to add selected item after its being loaded . Since the data source is remote (acts like autocomplete) ,i cant attach it directly

<!DOCTYPE html>
    <base href="*">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <link rel="stylesheet" href="//" />
    <link rel="stylesheet" href="//" />

    <script src="//"></script>
    <script src="//"></script>

<div id="example" >
    <div class="demo-section k-header">
        <select id="products"></select>
        $(document).ready(function() {
                placeholder: "Select products...",
                dataTextField: "ProductName",
                dataValueField: "ProductID",
                autoBind: false,
                dataSource: {
                    type: "odata",
                    serverFiltering: true,
                    transport: {
                        read: {
                            url: "//",


THE URL gets JSON Array

Now i cant use below statement to add selected items:
$("#products").data("kendoMultiSelect").values(json_array) //doesnt work
Top Bottom