autocomplete - Kendo UI AutoComplete 数据源传输只读取一次

Question

我对 Kendo UI AutoComplete 组件感到疯狂。我正在使用自己的函数通过 jQuery 访问数据，因此我必须将 AutoComplete dataSource.transport.read 设置为函数。代码是这样的。

minLengthAtocomplete = 3;

$('#autocomplete').kendoAutoComplete({
    minLength : 3,
    filter : "contains",
    dataValueField : "key",
    dataTextField : "value",
    dataSource : new kendo.data.DataSource({
        transport : {
            read : _OnTransportRead
        },
        schema : {
            /* object schema */
        }
    })
});

function _OnTransportRead(e) {
    var text = $.trim(e.data.filter.filters[0].value);

    if (text && text.length >= minLengthAtocomplete) {
        _GetUsers(
            text,
            function onSuccess(data) {
                var users = [];
                 /* sets users with info in data */
                e.success(users);
            },
            function onError(error) {
                /* stuff with error */
            }
        );
    }
}

function _GetUsers(userName, onSuccess, onError) {
    /* Ajax to get users from DB */
}

此代码运行完美，但dataSource.transport.read仅被调用一次。我使用文本“michae”进行第一次搜索， AutoComplete 组件按预期运行其 dataSource.transport.read。然后，我再添加一个字母来搜索'michael'，并且不再调用 dataSource.transport.read 。太令人沮丧了！

我尝试使用 autoSync dataSource 属性，手动 dataSource Sync，在 AutoComplete dataBound 上设置新的 dataSource 对象，但没有运气。

我究竟做错了什么？我忘记了什么？

提前致谢。

Answer 1

您应该启用serverFiltering以便数据源每次都发出请求。

$('#autocomplete').kendoAutoComplete({
    minLength : 3,
    filter : "contains",
    dataValueField : "key",
    dataTextField : "value",
    dataSource : new kendo.data.DataSource({,
        serverFiltering: true, 
        transport : {
            read : _OnTransportRead
        },
        schema : {
            /* object schema */
        }
    })
});