ASP MVC 5 自动完成不起作用

ASP MVC 5 Auto Complete not working

本文关键字：不起作用 MVC ASP      更新时间：2023-09-26

我对ASP MVC 5很陌生，在阅读了几个教程之后，我似乎仍然无法实现简单的自动完成功能。我的问题是视图接收的数据是[对象对象]，我不知道为什么。获取的单词数量是正确的，唯一的问题是它不显示"单词"只是[对象对象]。

所以这是我的模型：

public class Vassal
{
    public string Name { get; set; }
    public string Type { get; set; }
    public int ID { get; set; }
    public class  VassalDBContext : DbContext
    {
        public DbSet<Vassal> Vassals { get; set; }
    }
}

这是我的控制器(附庸控制者(

 public JsonResult AutoComplete(string search)
     {
         var vassalNames = from m in db.Vassals
                           select m;
         if (!String.IsNullOrEmpty(search))
         {
             vassalNames = vassalNames.Where(s => s.Type.Contains(search));
         }
         return Json(vassalNames, JsonRequestBehavior.AllowGet);
     }

这是我的观点 

@model IEnumerable<webVassal.Models.Vassal>
@{
    ViewBag.Title = "Search";
}
 
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>
<script type="text/javascript" >       
    $(function () {
        $('#tags').autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '@Url.Action("AutoComplete")',
                    dataType: "json",
                    contentType: 'application/json, charset=utf-8',
                    data: {
                        search: $("#tags").val()
                    },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item
                            };
                        }));
                    },
                    error: function (xhr, status, error) {
                        alert(error);
                    }
                });
            },
            minLength: 1
        });
    });  
</script>

我正在使用Jquery 2.1.1，jquery-ui.min.js和jquery.ui.widget.js

另外，如果我要调整上面的代码以使用 Twitter 引导 typeahead 插件，我需要做什么？我尝试按照此链接上的说明进行操作 http://deanhume.com/home/blogpost/twitter-bootstrap-typeahead-and-asp-net-mvc---key-value-pairs/88 但遇到了hasOwnProperty错误。

对于我在发布代码问题上不熟悉的任何格式问题，我深表歉意。

任何帮助都非常感谢。

谢谢你的时间

尝试替换

return {
    label: item
};

跟

return {
    label: item.Name
};

您返回的对象数组而不是字符串，因此您需要访问成功子句中每个对象的 Name 属性。

我认为你应该单独问书带打字问题。

相关文章：