optionLabel 文本最初不显示/kendodropdownlist

Question

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

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

Answer 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,
});

就是这样，不需要额外的电话。

optionLabel 文本最初不显示/kendodropdownlist

optionLabel text not displaying initially / kendodropdownlist

javascript

jquery

kendo-ui

kendo-dropdown