programmatically select a value in dropdown

[Maksim]

Hi

I want to store selected item state. I can't trigger 'select' event properly.

    $('#groups').kendoDropDownList({
        dataSource: [
            { text: "No group", value: "none" },
            { text: "By type", value: "type_label" },
            { text: "By route", value: "route_label" },
            { text: "By status", value: "status_label" }
        ],
        dataTextField: "text",
        dataValueField: "value",
        select: function(e){
            var selectedDataItem = this.dataItem(e.item.index());
       set_global_setting ("group_state", dataItem.value);
// ... code which depends on selectedDataItem and works this.dataSource
        }
    }).data("kendoDropDownList").select(function(dataItem){
        return dataItem.value === get_global_setting("group_state");
    });

    var groups_dropdown = $('#groups').data("kendoDropDownList");
    groups_dropdown.trigger("select", {item : groups_dropdown.dataItem()}); // does not work since 'select' event expects 'e.item' as 'li'

When user changes selected value 'e.item' in 'select' event is a 'li'.
When I change selected value programmaticlly I should specify next selected item not as dataItem but as 'li'.
How can I do this?
Maybe I should somehow change 'selectedDataItem' definition in 'select' event?

[Dimiter Madjarov]

Hello Maksim,


You don't have to trigger the select event manually. The value of the DropDownList could be set with the select method of the API, and also with the value method. The first one accepts a list item, index or a boolean function as a parameter, and the second one accepts the value field property. Both are demonstrated in the DropDownList API demo. 

 

Regards,
Dimiter Madjarov
Telerik