I am having a mess of a time getting a server polling application to work with kendo dataSource and kendo grid. Periodically, I must destroy (or empty or clear) the grid's existing datasource and replace it with another one identical in its schema structure but containing different data.
The data are fetched from the server via $http (angular) and the dataset from the server has to be cleaned up a bit before the grid sees it.
Finally, we won't always know at page-load what data need to be fetched. It will depend on actions/choices the user makes. So the grid has to start out either without a datasource or with a dummy datasource that has the correct schema structure but an empty model.
The problem I'm encountering is that when the newer fresher data are retrieved from the server, and the grid's dataSource data property is given the new array, the UI continues to display the stale data.
Is there an example that shows how this should be done?
P.S. There are about 500 items in the dataset array. The problems I'm seeing may relate to the size of the dataset.