<input id="autocomplete" />
<script>
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/jsond/json.json",
dataType: "json"
}
}
});
$("#autocomplete").kendoAutoComplete({
dataSource: dataSource,
dataTextField: "name"
});
</script>
url: "http://demos.telerik.com/kendo-ui/service/products",
dataType: "jsonp"
<!DOCTYPE html>
<html>
<head>
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link href="../Content/kendo/2015.2.624/kendo.common-material.min.css" rel="stylesheet" />
<link href="../Content/kendo/2015.2.624/kendo.material.min.css" rel="stylesheet" />
<script src="../Scripts/jquery-2.1.4.min.js"></script>
<script src="../Scripts/kendo/kendo.all.min.js"></script>
</head>
<body>
<input id="autocomplete" />
<script>
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/Json_Data/TestJson",
dataType: "json"
}
}
});
$("#autocomplete").kendoAutoComplete({
dataSource: dataSource,
dataTextField: "Name"
});
</script>
** example from json file
{
"_id": "55f31eef93aa14c548b74d10",
"index": 2,
"guid": "abce9ddf-50cb-4b7f-913b-b3d13d221c79",
"isActive": false,
"balance": "$3,725.53",
"picture": "http://placehold.it/32x32",
"age": 25,
"eyeColor": "brown",
"name": "Lindsay Gilmore",
"gender": "male",
"company": "OBONES",
"email": "lindsaygilmore@obones.com",
"phone": "+1 (883) 558-3498",
"address": "760 Remsen Street, Glidden, Arizona, 5116",
Kendo UI Docs: http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-transport.read
Are you getting and errors?
Dan