Kendo 下拉列表占位符

Question

我正在使用 kendo 下拉列表，我需要一个下拉列表的占位符，当我 select 下拉列表时，它不应出现在列表中。我尝试使用 optionLabel 但此值显示在列表中。

 var $dropdownElement;

    $dropdownElement = $("<input />");

    $dropdownElement.appendTo($dropdownContainer);
    $dropdownElement.kendoDropDownList({
            dataTextField: "text",
            dataValueField: "value",
            dataSource: dropdown.items,
            optionLabel: "select your option", //shows as option in dropdown
            popup: {
                appendTo: $dropdownContainer
            }
    });

我需要一个可以添加占位符的解决方案，并且该值不应显示为下拉列表中的选项。

Answer 1

您始终可以找到下拉列表中的第一个元素并将其隐藏以使其看起来不那么冗长

$dropdownElement.getKendoDropDownList().list.find("li.k-item").first().hide();

Plunker Dropdownlist (and combobox) example

Kendo 下拉列表占位符

Kendo Dropdownlist Placeholder

html

kendo-ui

angularjs

kendo-dropdown