如何在jQuery中动态自动完成

克萨尔·纳亚尔（Khizar Nayyar）

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

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

<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
    });
});

控制者

public ActionResult autocomplete() {
        var temp = db.employees.ToList();
        //ViewBag.menus = temp;
        //return View(temp);
        return View(temp);
    }

克萨尔·纳亚尔（Khizar Nayyar）

我进行了几处更改，并按照Mycontroller教程进行：-

 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,
    });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。