【问题标题】:Kendo UI AutoComplete datasource transport reads only onceKendo UI AutoComplete 数据源传输只读取一次
【发布时间】:2012-09-15 15:49:21
【问题描述】:

我对 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 对象,但没有运气。

我做错了什么?我忘记了什么?

提前致谢。

【问题讨论】:

  • 我运行了上面的确切代码,我收到一条错误消息,指出 e.data.filter 未定义。

标签: autocomplete datasource kendo-ui transport


【解决方案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 */
        }
    })
});

【讨论】:

  • 太棒了! AutoComplete 现在就像一个魅力!我花了很多时间来处理它,我快疯了!非常感谢!
  • 这里有同样的问题,解决方案最有帮助!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-12
  • 2013-01-07
  • 1970-01-01
  • 2013-09-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多