使用ajax和jQuery自动完成asp.net mvc4中的文本框
Autocomplete textbox in asp.net mvc4 using ajax and jQuery
我正试图在textbox
中获取公司名称作为自动完成。当我运行我的项目时,Ajax将调用success函数,并且记录也被正确地获取,但在textbox
中没有autocomplete
建议。
我的观点是:
$("#idcompanyname").autocomplete({
source: function (request, response) {
var customer = new Array();
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: '@Url.Action("Companymap", "admin")',
data: "{'term':'" + document.getElementById('idcompanyname').value + "'}",
dataType: "json",
success: function (data) {
alert(data)
response($.map(data, function (v, i) {
var text = v.vcCompanyName;
alet(text)
if (text && (!request.term || matcher.test(text))) {
return {
label: v.vcCompanyName,
value: v.kCompanyId
};
}
}));
},
error: function(result) {
alert("No Match");
}
});
}
});
}
以下是控制器上的方法:
var query = db.tbaccounts.Where(t => t.vcCompanyName.ToLower()
.StartsWith(term)).ToList();
List<string> lst = new List<string>();
foreach (var item in query)
{
lst.Add(item.vcCompanyName);
}
return Json(lst, JsonRequestBehavior.AllowGet);
以下是参考的Javascript:
<script src="~/script/jquery-2.0.3.js"></script>
<script src="~/script/jquery-ui.js"></script>
<script src="~/js/jquery-1.10.2.js"></script>
<script src="~/js/jquery-ui.js"></script>
请尝试删除
~/script/jquery-2.0.3.js
来自应用程序中的脚本引用,这应该对您有效。。。。
相关文章:
- 模型数据未通过窗体传播到控制器ASP.NET MVC4
- 如何将JSON结果设置为'src'共'img'以在ASP.NET MVC4中显示图像
- 文本到 HTML 与 ASP.net mvc4
- 使用ajax和jQuery自动完成asp.net mvc4中的文本框
- 不;t在ASP.NET MVC4中的.cs.html外部激发了Javascript函数
- 将 JSON 文件传递给 Javascript ASP.NET MVC4
- Asp.net MVC4 中使用 Json 和 Jquery 的级联下拉列表未填充
- Asp.Net MVC4 中的 Javascript/Jquery 弹出窗口
- 使用 .NET MVC4 的实用实时应用的最佳做法
- 如何在 asp.net MVC4 中将模型从视图传递到 javascript
- 如何在 Asp.net MVC4 中避免回发
- Asp.net MVC4 下拉列表绑定到带有 JavaScript 的复选框
- Knockout JS href attr 未绑定在 .NET MVC4 部分页面上
- 如何使用JQuery和ASP.NET MVC4返回要在单击按钮时下载的Excel文件
- 允许使用向asp.net mvc4模型添加项目
- 在 asp.net MVC4 中使用 JavaScript 将数据传递到数据库
- ASP.NET MVC4,Javascript中的Razor:页面运行,但VS2012中出现语法错误
- JavaScript选择在asp.net MVC4中不工作的列表值,使用HTMLHelper和"All&quo
- ASP.NET MVC4 Razor in Javascript.谷歌地图未加载
- 不能在ASP.net MVC4上加载Google Charts