Typeahead bootstrap 将参数作为 null 传递给模型

Question

我正在使用这个 plugin，在要提交的表单中创建一个自动完成字段。一切正常，除了当我提交表单时，模型中传递给控制器的字段为空。我不知道如何return我得到的数据

这是我的代码html:

@Html.TextBoxFor(m => m.Team, new { @type = "text", id = "team", Name = "query", @class = "form-control", placeHolder = "Team (Ej -> Barcelona)", autocomplete = "off" })

JS代码：

$('#team').typeahead({
            ajax: "/Home/AutocompleteTeam",
            responseText: [
                $('#team').val()        
            ]
        });

C#代码：

public ActionResult AutocompleteTeam(string query)
    {

        List<string> teams = new List<string>();
        List<TeamServiceModel> teamsService = teamService.ListTeamsByQuery(query);
        foreach (var team in teamsService)
        {
            if(team.Name.Equals("DEFAULT"))
            {
                continue;
            }
            else
            {
                teams.Add(team.Name);
            }             
        }
        return Json(teams, JsonRequestBehavior.AllowGet);
    }

return正在按查询过滤的列表的服务正在运行。

Answer 1

Typeahead 已经过滤结果。您可以调用 ajax 来获取所有团队（return 一个数组）并使用数组值在预输入中设置 'local' 字段。

在此处查看更多内容http://www.bootply.com/ljIOxm3qDi

Typeahead bootstrap 将参数作为 null 传递给模型

Typeahead bootstrap pass parameter to model as null

c#

asp.net-mvc

jquery

bootstrap-typeahead