So I have a primary pqgrid object on the main page and on editing one of the rows, a jquery popup appears with the data corresponding to that row which includes few text fields and another pqgrid.
The first time I click edit, the inner grid is loaded correctly with the correct data. But upon closing the dialog and editing a different row, the grid loads up empty without any data.
In order to debug, this is how my getData of dataModel looks like:
getData: function (response) {
console.log(customerId);
console.log(response);
return { data: response };
}
It prints the correct customerId and also the correct response from the server but still the rows aren't populated.
Here is a link to replicate the issue.
Select a random row and click edit. The new grid populates just fine. Close the dialog and edit a different row. The new grid shows no records. Open your browser console to confirm that the new data is coming from the webservice.
Thanks.