optionLabel 文本最初不显示 / kendodropdownlist答案

【问题标题】：optionLabel text not displaying initially / kendodropdownlistoptionLabel 文本最初不显示 / kendodropdownlist
【发布时间】：2020-04-02 14:56:02
【问题描述】：

我正在使用以下，一切正常；除了我的optionLabel 文本最初不显示，最初它只是空白，只有在初始点击后它才开始按预期工作。如何使用剑道下拉列表解决此问题？

    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: urld,
                dataType: "json",
                type: 'GET'
            }
        }
    });

    var pointTemps = $("#templates").kendoDropDownList({
        optionLabel: "Choose Template", <----- only begins to work after initial click
        dataSource    : dataSource,
        dataTextField : "styleName",
        select: getSelectedText,
    });

    var ds = pointTemps.data('kendoDropDownList').dataSource;
        ds.filter({
        logic: 'or',
        filters: [
            { field: "kewl", operator: "neq", value: null}
        ]
    });
    dataSource.read();

【问题讨论】：

标签： javascript jquery kendo-ui kendo-dropdown

【解决方案1】：

dropDownList 里面的dataSource 触发了read 方法，之后就不用修改dataSource 了。如果这样做，您将覆盖当前数据源并从其中删除数据，这可能会删除 optionLabel。

在你的情况下，我会这样做：

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: urld,
            dataType: "json",
            type: 'GET'
        }
    },
    filter: { field: "kewl", operator: "neq", value: null}
});

var pointTemps = $("#templates").kendoDropDownList({
    optionLabel: "Choose Template",
    dataSource    : dataSource,
    dataTextField : "styleName",
    select: getSelectedText,
});

就是这样，不需要额外的调用。

【讨论】：