剣道UIオートコンプリートを動作させる方法を見つけることができません

Question

単純なオートコンプリートボックスをMVCメソッドに接続します。私は以下を作成しましたが、nameのパラメータはnullであり、戻り値のデータをハードコーディングしていますが、オートコンプリートではデータは表示されません。

剣道のドキュメントはまったく役に立たない。誰か私に簡単な実例を教えてもらえますか？

var catNamesDatasource = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: "/Cats/GetCats", 
      type: "POST", 
      dataType: "json" 
     } 
    }, 
    schema: { 
     model: { 
      id: "catCode", 
      fields: { 
       id: { type: "catCode" }, 
       name: { type: "string" } 
      } 
     } 
    } 
}); 

var autoComplete = $("#txtCatSearch").kendoAutoComplete({ 
    minLength: 3, 
    separator: ", ", 
    dataSource: catNamesDatasource, 
    serverFiltering: true, 
    dataTextField: "name" 
}).data("kendoAutoComplete"); 

私のMVCの方法は次のとおりです。

[HttpPost] 
public ActionResult GetCats(string name) 
{ 
    var cats = Enumerable.Range(0, 0).Select(e => new { catCode = "C1", name = "Mittens" }).ToList(); 
    clients.Add(new { catCode = "C2", name = "Fluffywuffy" }); 

    return Json(cats); 
} 

Answer 1

はこれを試してみてください：

<input id="test" /> 
<div id="value"></div> 

<script> 
    $("#test").kendoAutoComplete({ 
     dataSource: ["orange", "red", "blue", "green"], 
     change: function(e) { 
      var value = e.sender.value(); 
      console.log("change", value); 
      $("#value").text(value); 
     } 
    }); 
</script> 

希望これは複製によくハード