CODEWITHSUNDEEP
javascriptc#jqueryasp.netkendo-ui
Mikhail Kostiuchenko
Mikhail Kostiuchenko

Reputation: 10461

Load pre-selected values in Kendo Multiselect

I use Kendo MultiSelect in my project. 

<script>
    $(document).ready(function () {
        $("#multiselect").kendoMultiSelect({
            placeholder: "--Select Public Houses--",
            dataTextField: "PublicHouseName",
            dataValueField: "PublicHouseId",
            autoBind: true,
            dataSource: {
                transport: {
                    read: {
                        dataType: "json",
                        url: "/book/getallpublichouses"
                    }
                }
            }
        });
    });
</script>

How can I pass selected values in multiselect and set their as preselected?

Upvotes: 1

Views: 2363

Answers (1)

Marco
Marco

Reputation: 23937

You can select values based on your dataValueField:

<script>
    $(document).ready(function () {
        $("#multiselect").kendoMultiSelect({
            placeholder: "--Select Public Houses--",
            dataTextField: "PublicHouseName",
            dataValueField: "PublicHouseId",
            autoBind: true,
            dataSource: {
                transport: {
                    read: {
                        dataType: "json",
                        url: "/book/getallpublichouses"
                    }
                }
            }
        });
        //selects your object with the PublicHouseIds of 25 and 30
        //pass in as strings
        $("#multiselect").getKendoMultiSelect().value(["25", "30"]);
    });
</script>

Here is a demo to play around with: http://dojo.telerik.com/IMUXaJaM/2

Upvotes: 1

Related Questions