JqueryUI自动完成错误:未捕获TypeError:对象#<object>的属性“结果”不是函数</object>

时间:2013-11-26 05:40:31

标签: jquery json jquery-ui asp.net-mvc-4 autocomplete

我环顾四周,无法找到问题的答案。我没有多少使用jquery UI,但我正在尝试使用此博客条目jQuery UI Autocomplete with JSON in MVC 4来实现自动填充,因为它几乎与我需要的相同。我可能错过了一些“显而易见”的东西,因为我还不了解自动完成语法的所有部分。

问题:我可以获得建议的下拉列表。但是一旦我得到了

 Uncaught TypeError: Property 'results' of object #<Object> is not a
 function
控制台中出现

错误。 此外,虽然建议出现,我不能选择任何一个。一旦我尝试,清单就会消失。虽然这可能是完全不同的东西。

jqueryUI1.9.2代码中错误的位置是此代码段中的最后一行:

__response: function( content ) {
    var message;
    this._superApply( arguments );
    if ( this.options.disabled || this.cancelSearch ) {
        return;
    }
    if ( content && content.length ) {
        message = this.options.messages.results( content.length );

我的jquery看起来像这样:

    $("#FastCategory").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Quiz/GetCategory",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    console.log("data=",data);
                    response($.map(data, function (item) {
                        console.log("item=",item,item.Description);
                        return { label: item.Description, value: item.Description };
                    }))
                }
            })
        },
        messages: {
            noResults: "", results: ""
        }
    });

我的控制器看起来像这样:

public JsonResult GetCategory(string term)
{
    var result = (from r in db.QuizCategories
                  where r.Description.ToLower().Contains(term.ToLower())
                  select new { r.Description }).Distinct();
    return Json(result, JsonRequestBehavior.AllowGet);
}

知道我哪里出错了吗?

2 个答案:

答案 0 :(得分:20)

正如您在对Narendra的评论中所指出的那样,问题在于messages选项。正如已回答hereresults选项中的messages属性必须是函数而不是字符串

jQuery(...).autocomplete({
    messages : {
        noResults : '',
        results : function(resultsCount) {}
    }
});

答案 1 :(得分:0)

好像你指的是一个变量并试图像函数一样访问它。

__response: function( content ) {
var message;
this._superApply( arguments );
if ( this.options.disabled || this.cancelSearch ) {
    return;
}
if ( content && content.length ) {
    message = this.options.messages.results=content;

只需更改代码,将内容分配给结果即可。