I am using this code to bind data to Grid but my grid is empty. I can see the json data from the url
<body>
<div id="grid">
<script >
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "http://localhost:64878/api/GetData",
dataType: "jsonp",
type: "GET"
}
},
schema: {
model: {
fields: {
AIDAParentName: { type: "string" },
AIDAChildNames: { type: "string" },
PortfolioName: { type: "string" },
Class: { type: "string" }
}
}
}
},
height: 500,
scrollable: true,
selectable: true,
columns: [{
field: "AIDAParentName",
filterable: false
},
{
field: "AIDAChildNames"
}, {
field: "PortfolioName"
}, {
field: "Class"
}
]
});
});
</script>
</div>
</body>
1 Answer, 1 is accepted
Thank you for providing the Grid configuration.
After inspecting it, it looks good.
I added a dummy data and the Grid was initialized with it as expected:
http://dojo.telerik.com/oXaSi
Please inspect the response format in the network tab to observe if it is in the correct format. It may need to be parsed:
https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.data
If the issue still occurs, please provide the response received from the server and I will gladly assist.
Regards,
Stefan
Progress Telerik