javascript - jQuery 自动完成问题 - 没有正确处理数组

Question

我正在使用 jQuery Autocomplete 和 MVC 用一堆列名填充下拉列表。

每当用户更改表单上 DropDownBox 的值时，我都会向 Controller 发出请求，返回一个新的列列表(作为数组，包装在 JSON 结果中)，该列表将填充我的自动完成框。

我的问题是自动完成功能不区分单词，而是坚持按 c,h,a,r,a,c,t,e,r 进行操作。这很烦人。这是代码:

function PopulateColumnsList(list) { 
    $(".columnDropdown").setOptions({ data: list });
}

$(document).ready(function() {
    $(".columnDropdown").autocomplete("", {
        width: 320,
        max: 14,
        highlight: false,
        minChars: 0,
        scroll: true,
        scrollHeight: 300
    });

    $("#Data").change(function() {
        $.ajax({
            url: "/Home/ColumnNamesForDataSelect",
           type: "GET",
           data: { DataSelectID: parseInt($('#Data').val()) },
            success: PopulateColumnsList
       });
  });

});

Get 返回此响应:

["Memo","Balance"]

Butmy AutoComplete 会将其中每一个显示为单个字母而不是两个:Memo、Balance。我认为这是正确的，因为示例代码显示了返回结果的类似方法。

有什么想法吗？

提前致谢。

Answer 1

您可以展示一个您想要的示例吗？我没有百分百遵循。

我的自动完成功能只是用户开始在文本框中键入内容，它会查看正在键入的字母并返回可能的单词以及该结果。

我这样做的方式是这样的:

// JavaScript file
$("#id").autocomplete("AutoFill", { delay: 1 });


// view
public ContentResult AutoFill(string q)
{
    var result = // go to database and grab all words that Start with whatever is in q.

    string sendBack = null;
    for (int i = 0; i < result.Count; i++)
    {
        sendBack += result[i] + Environment.NewLine;
    }
    return Content(sendBack);
}

不确定这是否对您有帮助。