Question

我正在使用kendodropdown。我使用了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在同一答案中的评论扩展而来。每当用户尝试展开DropDown列表时，都会触发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下拉列表在下拉列表中显示optionlabel

2 个答案: