如何在jQuery中动态自动完成

时间:2019-01-09 18:44:03

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

我需要获取自动完成员工列表。

我是asp.net的新手,我使用的显示方式与以前显示任何员工等的详细信息相同,包括所有必要的文件。

myTransmission.anotherThread(Me)

<body>
@*@foreach(var temp in Model){
       var temporary = @temp.name;
}*@
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>

控制器

<script>
debugger
$(document).ready(function () {
    var temporary=[@foreach(var temp in Model){@temp.name}];
    $("#tags").autocomplete({
        source: temporary
    });
});

1 个答案:

答案 0 :(得分:3)

我进行了几处更改,并按照教程进行操作 我的控制器:-

 public ActionResult autocomplete()
    {
        return View();
    }
    public JsonResult getautomate(string term)
    {
        var temp = db.employees.Where(x => x.name.StartsWith(term)).Select(y=>y.name).ToList();
        return Json(temp, JsonRequestBehavior.AllowGet);
    }

我的视图:-

@using (@Html.BeginForm()) {
   <b>name:</b>
    @Html.TextBox("searchterm", null, new {id="textsearch" })

    @*<input type="submit" value="search"/>*@
    }

 $(function () {
    $("#textsearch").autocomplete({
        source: '@Url.Action("getautomate")',
        minLength:2,
    });
});