Question

我正在以级联模式使用Kendo UI ComboBox来构建我想要应用的过滤器。

如何清除/重置Kendo UI ComboBox的值？

我试过了：

$("#comboBox").data("kendoComboBox").val('');
$("#comboBox").data("kendoComboBox").select('');
$("#comboBox").data("kendoComboBox").select(null);

一切都无济于事。该项目是使用Razor引擎的MVC4应用程序，代码与Kendo UI example基本相同。

Answer 1

如果您想使用select，则需要提供该选项的索引。否则使用text

$("#comboBox").data("kendoComboBox").text('');

示例：http://jsfiddle.net/OnaBai/4aHbH/

Answer 2

我必须创建我的自定义清除功能，扩展涉及Kendo UI控件，如下所示：

kendo.ui.ComboBox.fn.clear = kendo.ui.AutoComplete.fn.clear = function () {
    if (!!this.text) {
        this.text("");
    }
    if (!!this.value) {
        this.value(null);
    }
    this._prev = this.oldIndex = this._old = this._last = undefined;
};

然后，您可以调用$("mycontrol").data("kendoAutoComplete").clear();清除控件并在执行以下操作时调用更改处理程序：选择一个项目，清除并再次选择上一项。

Answer 3

这也有效：

$("#comboBox").data("kendoComboBox").value(null);

Answer 4

我发现下面的这些选项似乎可以重置kendo组合框。您可以在下面尝试两个后运行$("#comboBox").data("kendoComboBox").select()，并且您应该看到返回的值为-1，表示已重置。

$("#comboBox").data("kendoComboBox").value('')
$('#comboBox').data().kendoComboBox.value('')
$("#comboBox").data("kendoComboBox").select(-1)
$('#comboBox').data().kendoComboBox.select(-1)

Kendo UI组合框重置值

4 个答案: