At.js @mention - C＃Web API

Question

私はhttps://github.com/ichord/At.jsライブラリを使用してオートコンプリートを実現しています。

しかし、https://github.com/ichord/At.js/wiki/How-to-use-remoteFilterのように、私がremoteFilterを使用しているときに「未定義」のドロップダウンリストが表示されます。

モデル：

public class CaseHistory 
{ 
    public int CaseHistoryId { get; set; } 


    [Display(Name = "Symptom/Disease")] 
    [Required(ErrorMessage = "Please enter symptom or disease")] 
    public string SymptomOrDisease { get; set; } 

    public string Description { get; set; } 

} 

APIアクションコード：

var myUrl = 'https://localhost:44301/api/CaseHistories'; 

    $('#inputor').atwho({ 
    at: ":", 
    callbacks: { 
     /* 
     It function is given, At.js will invoke it if local filter can not find any data 
     query [String] matched query 
     callback [Function] callback to render page. 
     */ 
     remoteFilter: function(query, callback) { 
      $.getJSON(myUrl, { q: query }, function (data) { 
       callback(data); 
      }); 
     } 
    } 
    }); 

Answer 1

変化であるとコントローラのコード：

private ApplicationDbContext db = new ApplicationDbContext(); 

    // GET api/CaseHistories 
    public IQueryable<CaseHistory> GetCaseHistories() 
    { 
     return db.CaseHistories; 
    } 

ここでは、かみそりビューで私のコードです

public dynamic GetCaseHistories() 
    { 
     return db.CaseHistories.Select(x => x.SymptomOrDisease).ToList(); 
    } 

コールバックに渡すパラメータは文字列の配列でなければならないという問題があります。あなたが本当にJSでこれをやってみたかった場合

：

var myUrl = 'https://localhost:44301/api/CaseHistories'; 

    $('#inputor').atwho({ 
    at: ":", 
    callbacks: { 
     /* 
     It function is given, At.js will invoke it if local filter can not find any data 
     query [String] matched query 
     callback [Function] callback to render page. 
     */ 
     remoteFilter: function(query, callback) { 
      $.getJSON(myUrl, { q: query }, function (data) { 
      var targetData = []; 
       for(var i = 0;i < data.length;i++){ 
         targetData.push(data[i].SymptomOrDisease); 
       } 
       callback(targetData); 
      }); 
     } 
    } 
    });