剑道下拉列表占位符

Posted 2023-05-07

【中文标题】剑道下拉列表占位符

【英文标题】：Kendo Dropdownlist Placeholder

【发布时间】：2016-01-22 00:50:03

【问题描述】：

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

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

【问题讨论】：

我有一个类似的组合框。不确定如何使用数据绑定的下拉列表： $dropdownElement.data("kendoComboBox").input.attr("placeholder","select option");

不一样。开箱即用不支持此功能。尝试使用 ddl 事件隐藏选项标签。

【参考方案1】：

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

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

Plunker Dropdownlist (and combobox) example