Kendo自動完成功能未顯示結果

Question

我正在嘗試向我的頁面添加一個簡單的自動完成功能，以顯示可用的數字。我可以看到回撥給控制器的呼叫，並且該列表被填充到控制器中，但前端沒有顯示任何內容。

我看過瀏覽器中的響應，它是有效的json數據回來。

HTML：

<input id="autocomplete"/> 

的JavaScript：

var dataSource = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: "Entity/GetAvailableNumbers", 
      dataType: "json", 
      data: { 
       q: function() { 
        return $("#autocomplete").val(); 
       } 
      } 
     } 
    } 
}); 
dataSource.read(); 
console.log(dataSource); 
$("#autocomplete").kendoAutoComplete({ 
    dataSource: { 
     data: dataSource 
    } 
}); 

控制器：

public ActionResult GetAvailableNumbers([DataSourceRequest] DataSourceRequest request, string text) 
{ 
    // Simple loop that puts numbers into a list (usableNumbers) 
    return Json(usableNumbers, JsonRequestBehavior.AllowGet); 
} 

Answer 1

這是最終爲我工作。

的JavaScript：

 $("#autocomplete").kendoAutoComplete({ 
      minLength: 2, 
      filter: 'contains', 
      dataSource: { 
       type: "json", 
       serverFiltering: false, 
       transport: { 
        read: "Entity/GetAvailableNumbers" 
       }, 
      } 
     });