预先输入引导将参数传递到模型为 null

本文关键字:模型 null 参数传递 输入 | 更新日期: 2023-09-27 17:56:45

我正在使用这个插件,在表单中制作一个自动完成字段来提交。一切都没关系,除了当我提交表单时,传递给模型中控制器的字段为空。我不知道如何返回我获得的数据。

这是我的代码 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);
    }

返回我通过查询过滤的列表的服务正在工作。

预先输入引导将参数传递到模型为 null

Typeahead 已经过滤了结果。您可以进行 ajax 调用以获取所有团队(返回一个数组),并使用数组值在 typeahead 中设置"local"字段。

在此处查看更多信息 http://www.bootply.com/ljIOxm3qDi