Kendo Dropdownlist占位符

时间:2015-10-22 16:38:50

标签: angularjs html5 kendo-ui kendo-dropdown

我正在使用kendo下拉列表,我需要一个占位符用于下拉列表,当我选择下拉列表时,该占位符不应出​​现在列表中。我尝试使用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
            }
    });

我需要一个解决方案,我可以添加一个占位符,该值不应显示在下拉列表中。

1 个答案:

答案 0 :(得分:1)

您始终可以在dropwdownn列表中找到第一个元素并隐藏它以使其看起来不那么健谈

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

Plunker Dropdownlist (and combobox) example