【发布时间】: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