自动完成ASP MVC不填充项目

Question

我开始在ASP MVC和jQuery中，我尝试获取一些数据并将其填充到文本框中，Ajax请求正常工作，但是当我返回结果时它将不会填充到文本框中... 这里是我的代码：

[HttpPost] 
public JsonResult LookupProjects(string query) 
{ 

    // some code here ... 

    var result_ = (from item in resultProjekte select new { value item.AnzeigeI,  label = item.AnzeigeID + " " + item.Name + " " + item.Kette + " " + item.Ort }); 

    return Json(result_, JsonRequestBehavior.AllowGet); 
} 

的束

var css = new Bundle("~/bundles/less") 
      .Include("~/Content/less/bootstrap.less", 
      "~/Content/epoch.min.css", 
      "~/Content/jquery.ui.autocomplete.css"); 
     css.Transforms.Add(cssTransformer); 
     css.Orderer = nullOrderer; 
     bundles.Add(css); 

     // Scripts 
     var scripts = new Bundle("~/bundles/scripts") 
     .Include("~/Scripts/jquery-{version}.min.js", 
       "~/Scripts/knockout-{version}.js", 
       "~/Scripts/bootstrap.js", 
       "~/ScriptsCustom/custom.js", 
       "~/Scripts/jquery-ui.min.js"); 
     scripts.Transforms.Add(jsTransformer); 
     scripts.Orderer = nullOrderer; 
     bundles.Add(scripts); 

布局（共享）查看

@Styles.Render("~/bundles/less") 
@Scripts.Render("~/bundles/scripts") 
@Scripts.Render("~/bundles/syncfusionScripts") 
.... 

<div class="container-fluid board search-content" id="Search"> 
    @{Html.RenderAction("Create", "Search");} 
</div> 
.... 

@RenderSection("scripts",required : false) 

脚本IM搜索查看

<input id="TextBoxSearch" class="form-control" placeholder="Projekt Id, Ort, Service, Plz ..."> 

$(document).ready(function() { 
     $("#TextBoxSearch").autocomplete({ 
      source: function (request, response) { 
       var projects = new Array(); 
       $.ajax({ 
        async: true, 
        url: "@(Url.Action("LookupProjects", "Search"))", 
        dataType: "json", 
        type: "POST", 
        data: { 
         query: request.term 
        }, 
        success: function (data) { 
         //alert("sucess"); 
         response($.map(data, function (item) { 

          return { 
           label: item.label, 
           value: item.value 
          } 
         })) 
        } 

       }); 

      }, 
      minLength: 3, 

     }); 
    }); 

的使用jQuery的引导

有啥错在这里？我收到搜索到的项目，但文本框不显示建议！我已经甚至利用简单的阵列源

Answer 1

我已经执行代码及以下修饰是其工作正常的变化试过..

申报模型这样

public class DemoEntity 
{ 
    public string value { get; set; } 
    public string label { get; set; } 

} 

控制器动作方法

public class HomeController : Controller 
{ 

    [HttpGet] 
    public ActionResult LookupProjects(string query) 
    { 

     // some code here ... 
     var result = new List<DemoEntity>(); 
     for (int i = 0; i < 10; i++) 
     { 

      result.Add(new DemoEntity { label = "Ïtem" + i, value = "Ïtem" + i }); 
     } 

     return Json(result, JsonRequestBehavior.AllowGet); 
    } 

public ActionResult Index() 
    { 
     return View(); 
    } 
} 

像

<input id="TextBoxSearch" class="form-control" placeholder="Projekt Id, Ort, Service, Plz ..."> 

$(document).ready(function() { 
    $("#TextBoxSearch").autocomplete({ 
     source: function (request, response) { 
      var projects = new Array(); 
      $.ajax({ 
       async: true, 
       url: "@(Url.Action("LookupProjects", "Home"))", 
       dataType: "json", 
       type: "GET", 
       data: { 
        query: request.term 
       }, 
       success: function (data) { 

        //alert("sucess"); 
        response($.map(data, function (item) { 
         return { 
          label: item.label, 
          value: item.value 
         } 
        })); 
       } 

      }); 

     }, 
     minLength: 3 

    }); 
}); 

首先Index.cshtml页面确保添加的jQuery，jQueryUI的和css引用