I am using a Grid to try to display the results of querying a local database. The response from my web server is as follows:
db.all("SELECT * FROM Users;", (err, rows) => {
if (err) {
res.send(err)
}
else {
var o = {}
o["result"] = rows
o["count"] = rows.length
res.send(o)
}
});
This sends a response like:
{"result":[{"UserName":"jdoe","FirstName":"John","LastName":"Doe"},{"UserName":"doej","FirstName":"Jane","LastName":"Doe"}],"count":2}
My Javascript is as follows:
var data = new ej.data.DataManager({
url: 'http://localhost:1000/users',
adaptor: new ej.data.UrlAdaptor()
});
var grid = new ej.grids.Grid({
dataSource: data,
columns: [
{ field: 'UserName', headerText: 'Username', textAlign: 'Right', width: 120, type: 'string' },
{ field: 'FirstName', width: 140, headerText: 'First Name', type: 'string' },
{ field: 'LastName', headerText: 'Last Name', textAlign: 'Right', width: 120, format: 'string' },
],
actionFailure: (e) => {
console.log(e)
var span = document.createElement('span');
grid.element.parentNode.insertBefore(span, grid.element);
span.style.color = "#FF0000"
span.innerHTML = "Error!"
},
height: 180
});
grid.appendTo('#Grid');
When I try to run this as is, the error action runs, but I haven't been able to determine the actual cause of that error because I can't figure out what e is. Any ideas on why my grid isn'
