Kendo UI выбрать индекс индекса / текст при первой загрузке

Question

Проблема, с которой я сталкиваюсь, заключается в том, что при первой загрузке страницы я хочу прочитать значение из файлов cookie, если оно найдено, я хочу изменить тему, которая была сохранена в файле cookie. не только хочу изменить их, но я также хочу выбрать этот элемент в поле со списком, чтобы он был синхронизирован с ними, которые были применены.

Как я могу выбрать определенный элемент во время начальной загрузки страницы, когда я создаю комбинированный список?

$(document).ready(function () {

   var initialized = false;
        // theme chooser drop-down
        var cmb=$(".themeChooser").kendoDropDownList({
            dataSource: [
                    { text: "Default" },
                    { text: "BlueOpal" },
                    { text: "Bootstrap" },
                    { text: "Silver" },
                    { text: "Uniform" },
                    { text: "Metro" },
                    { text: "Black" },
                    { text: "MetroBlack" },
                    { text: "HighContrast" },
                    { text: "Moonlight" }
            ],
            dataTextField: "text",
            dataValueField: "value",
            change: function (e) {

                $.cookie('selectedTheme', theme);
                changeTheme(theme);

            }
        });

        theme = ($.cookie('selectedTheme') || "default").toLowerCase();
        //Not sure how to trigger the select of combobox
        cmb.value(theme);  // no effect                       
});

Answer 1

Получить ссылку на выпадающий список

var dropdownlist = $("#Instrument").data("kendoDropDownList");

Если вы знаете индекс, вы можете использовать:

// selects by index
dropdownlist.select(1);

Если нет, используйте:

// selects item if its text is equal to "test" using predicate function
dropdownlist.select(function(dataItem) {
    return dataItem.symbol === "test";
});

проверить это http://jsfiddle.net/OnaBai/mRmNJ/

Answer 2

Смотрите документацию кендо

Я полагаю, что в вашем случае это был бы какой-то вызов:

//trigger the select of combobox 
cmb.select(function(dataItem) {
    return dataItem.text === theme;
});

Или просто установите свойство value в инициализаторе объекта

value = ($.cookie('selectedTheme') || "default").toLowerCase(),