javascript - Kendo UI 自动完成数据绑定(bind)事件未触发

Question

我正在使用 Kendo UI 开发移动应用程序。在我的脚本文件中，

$("#name").kendoAutoComplete({
        dataBound: onChange
    });

假设我的自动完成框有字符串“abc”。当我删除一封信时，它会触发数据绑定(bind)事件。但我删除了自动完成的最后一个字母(清空自动完成)，它不会触发数据绑定(bind)事件。谁能解释一下这个问题吗？

Answer 1

当您键入时，自动完成小部件将过滤数据源(如果其中有任何文本)；这会触发数据源更改事件，进而导致在 AutoComplete.refresh 方法中触发 dataBound 事件(如果需要，小部件会更新其 View )。

如果输入中没有文本，则不会过滤数据源，因此不会触发 dataBound 事件(在这种情况下，自动完成功能只是关闭其弹出窗口)。

如果这让您感到困扰，并且您希望在清除输入时触发 dataBound，您可以自定义小部件的搜索方法:

kendo.ui.AutoComplete.fn.search = (function (search) {
    return function (word) {
        word = word || this._accessor();
        var length = word.length;
        if (!length) {
            this.dataSource.filter({}); // clear the data source filter
        }

        search.apply(this, arguments);
    };
})(kendo.ui.AutoComplete.fn.search);

( demo )