我正在使用带有Boostrap 4的ASP.NET Core
jquery Autocomplete
我已成功运行以下示例: https://jqueryui.com/autocomplete/
我已成功运行以下示例: https://jqueryui.com/autocomplete/
我现在正在寻找使用我的控制器中的数据来正确返回数据.
我得到的结果是空行.
这是我的剃刀页面
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <div class="ui-widget"> <label>Autocomplete Example: </label> <input id="LastName" name="LastName" type="text" /> </div> <script> $("#LastName").autocomplete({ source: '@Url.Action("GetName","Home")' }); </script>
这是我的控制器
[HTTPGET]
public IActionResult GetName(string term)
{
List<TransactionName> list = new List<TransactionName>() { new TransactionName {Id=1,LastName="Linda" },new TransactionName {Id=2,LastName="Donna" },new TransactionName {Id=3,LastName="Maryanne" },new TransactionName {Id=4,LastName="Deb" },new TransactionName {Id=5,LastName="Liz" },new TransactionName {Id=6,LastName="Bobby" },new TransactionName {Id=7,LastName="Beth" } }; var result = (from N in list where N.LastName.Contains(term) select new {N.LastName }); return Json(result); }
解决方法
我根据jquery自动完成文档更改了以下内容:
var result = (from N in list where N.LastName.Contains(term) select new {value=N.LastName });
这是从他们的网站上获取的文档的一部分.支持多种类型:数组:数组可用于本地数据.有两种支持的格式:字符串数组:[“Choice1”,“Choice2”]具有标签和值属性的对象数组:[{label:“Choice1”,value:“value1”},…]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。