13

我在级联模式下使用 Kendo UI ComboBoxes 来构建我希望应用的过滤器。

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

我试过了：

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

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

4

4 回答 4

19

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

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

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

于 2013-06-28T17:18:51.820 回答
3

我必须创建我的自定义清除函数来扩展涉及的 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();以清除控件并在执行以下操作时调用更改处理程序：选择一个项目，清除并再次选择前一个项目。

于 2014-07-15T10:22:11.830 回答
1

这也有效：

$("#comboBox").data("kendoComboBox").value(null);
于 2014-01-24T11:20:04.263 回答
1

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

$("#comboBox").data("kendoComboBox").value('')
$('#comboBox').data().kendoComboBox.value('')
$("#comboBox").data("kendoComboBox").select(-1)
$('#comboBox').data().kendoComboBox.select(-1)
于 2015-08-04T19:05:14.840 回答