optionLabel文本最初不显示/ kendodropdownlist

Question

我使用的是以下所有方法；除了我的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();

Answer 1

dropDownList内的dataSource触发读取方法，此后不必更改dataSource。如果这样做，您将覆盖当前的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,
});

就这样，不需要额外的呼叫。