如何在 jquery 中动态自动完成
How to Autocomplete Dynamically in jquery
我需要在自动完成中获取员工列表。
我是 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);
}
我进行了一些更改并按照教程进行操作
我的控制器:-
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,
});
});
我需要在自动完成中获取员工列表。
我是 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);
}
我进行了一些更改并按照教程进行操作 我的控制器:-
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,
});
});