I am following instructions from here: https://help.syncfusion.com/js/grid/data-binding
I am trying to create Grid with JS and bind data to it, but I see grid with this: No records to display
, but there are records, If I load the URL in the browser, I see the results.
This is my HTML:
<div id="Grid"></div>
and my JS:
var dm = ej.DataManager({
url: "/users/get"
});
$("#Grid").ejGrid({
dataSource: dm,
columns: [
{ field: "id", headerText: "ID", isPrimarykey: true, textAlign: ej.TextAlign.Right},
{ field: "email", headerText: "Email"},
{ field: "name", headerText: " Name"},
]
});
It is same if I use custom adapter or WEBAPI adapter.
This is the action:
public IActionResult Get()
{
return Json(users.All());
}
and if I access it via browser it returns results, like this:
[{
"id": 1,
"email": "email@email.com",
"Name": "Your Name"
}];
It works fine, If I access data from url copy and set it to the variable like this:
.....
var results = [{
"id": 1,
"email": "email@email.com",
"Name": "Ivan",
}];
$("#Grid").ejGrid({
dataSource: results,
......
, but if I do this:
var dm = ej.DataManager({
url: "/users/get"
});
$("#Grid").ejGrid({
dataSource: dm,
it doesn't work. The grid is loaded with text No records to display.
