kendo ui在首次加载时选择指定索引/文本 [英] kendo ui select a specifix index/text during first load

查看:110
本文介绍了kendo ui在首次加载时选择指定索引/文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我遇到的问题是,在页面的第一次加载期间,我想从cookie中读取值(如果找到),我想更改存储在cookie中的主题. 不仅要更改它们,而且我还想在组合框中选择该项目,以使其与应用的项目保持同步.

The problem i am running into is that during the first load of the page i want to read the value from cookies if found, i want to change the theme that was stored in the cookie. not only want to change the them but i also want to select that item in the combo box so that it is in sync with the them that was applied.

在构造组合框时,如何在初始页面加载期间选择特定项目?

How can i select a specific item during initial page load, when i am constructing the combobox ?

$(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                       
});

推荐答案

获取对下拉列表的引用

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

如果您知道该索引,则可以使用:

If you know the index you can use:

// 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/

这篇关于kendo ui在首次加载时选择指定索引/文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆