Asp.net-Mvc-4

劍道 UI 組合框重置值

  • August 4, 2015

我在級聯模式下使用 Kendo UI ComboBoxes 來建構我希望應用的過濾器。

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

我試過了:

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

一切都無濟於事。該項目是一個使用 Razor 引擎的 MVC4 應用程序,程式碼與Kendo UI 範例基本相同。

如果你想使用select你需要提供選項的索引。否則使用text

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

範例:http: //jsfiddle.net/OnaBai/4aHbH/

我必須創建我的自定義清除函式來擴展涉及的 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();以清除控制項並在執行以下操作時呼叫更改處理程序:選擇一個項目,清除並再次選擇前一個項目。

引用自:https://stackoverflow.com/questions/17368827