angularjs - 剑道下拉列表占位符

标签 angularjs html kendo-ui kendo-dropdown

我正在使用剑道下拉列表,我需要一个下拉列表的占位符,当我选择下拉列表时,它不应该出现在列表中。我尝试使用 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.getKendoDropDownList().list.find("li.k-item").first().hide();
Plunker Dropdownlist (and combobox) example

关于angularjs - 剑道下拉列表占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33286156/

相关文章:

html - 在父 div 中等间隔 div?

jquery - KendoWindow 第一次打开时可以关闭,但第二次打开时则不能关闭

javascript - Kendo -MVC ListView - 如何获取所选行上的复选框状态(选中或未选中)

angularjs - 当集合更改时,ng-repeat 是保留 DOM 元素还是创建所有新元素?

angularjs - 如何使用 angularjs 从另一个指令调用一个指令 Controller 函数

javascript - 使用 jquery 单击另一个链接时更新链接

javascript - 如何访问此网格的行对象?

javascript - 我的 Angular 元素中没有应用 CSS

javascript - 在此 Angular js 应用程序中, Controller 属性未显示在 View 中

HTML 有效输入值属性