kendo 下拉列表在下拉列表中显示选项标签

Question

我正在使用 kendo下拉菜单。我使用了 optionLabel = "Actions" 并且它在下拉列表中显示为一个选项我如何忽略它作为下拉列表中的值。

有没有一种方法可以让我们停止或隐藏 kendo 下拉列表中的 optionLabel 以在下拉列表中显示为一个选项。

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

$dropdownElement.appendTo($dropdownContainer);
$dropdownElement.kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: dropdown.items,
        optionLabel: 'Actions'
})

截至目前，操作在下拉列表中显示为一个选项，请帮助我忽略它作为下拉列表中的一个值。

Answer 1

这是效果很好的解决方案，我在单击下拉菜单时隐藏了第一个元素。

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

$dropdownElement.appendTo($dropdownContainer);
$dropdownElement.kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: dropdown.items,
        optionLabel: 'Actions',
        open: function () { $($dropdownElement).getKendoDropDownList().list.find("li.k-item").first().hide(); 
                }
})

Answer 2

我是从@Shashi 的回答和@MarkosyanArtur 在同一个回答中的评论延伸而来的。 open 事件在用户每次尝试展开下拉列表时触发。为什么不使用 dataBound 事件呢？此外，还有一个额外的问题，this 说明符链接到 ddl 本身，因此；

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

$dropdownElement.appendTo($dropdownContainer);
$dropdownElement.kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: dropdown.items,
        optionLabel: 'Actions',
        dataBound: function () { this.element.getKendoDropDownList().list.find(".k-list-optionlabel").hide(); }
})

kendo 下拉列表在下拉列表中显示选项标签

kendo dropdownlist shows optionlabel in dropdown

javascript

angularjs

kendo-ui

kendo-dropdown