kendo ui 在首次加载期间选择特定的索引/文本

Posted 2023-05-07

【中文标题】kendo ui 在首次加载期间选择特定的索引/文本

【英文标题】：kendo ui select a specifix index/text during first load

【发布时间】：2014-01-16 21:59:21

【问题描述】：

我遇到的问题是，在第一次加载页面期间，我想从 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                       
);

【参考方案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/

【讨论】：

如果您为下拉列表的“DataTextField”设置了名称，请在上述答案中使用该名称而不是“符号”。

【参考方案2】：

见Kendo Documentation

我相信你的情况是这样的：

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

或者只是在对象初始化器中设置value属性

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