pager issue on filtered data

[Frederic]

When I use paging + filtering on the grid, and I edit my data, that makes the view change size, the pager is not updated.

https://dojo.telerik.com/@foxontherock/iminugeH/3

Click on the "filter" button, that changes all "number" field to make them visible on the view.

When you click on the pager, it correctly refreshes.

That can be fixed by adding a "kgrid.pager.refresh()" on the grid dataBound, but I think it should be fixed on your side.

 

[Mihaela]

Hi Frederic,

Thank you for the shared Dojo example and the detailed description of your query!

I would suggest you call the DataSource read() method in the 'click' event handler of the filter button. This way the updated data will be reloaded in the Grid and it will update the pager:

$('#filter').click(() => {
  data.forEach(d => d.number += 1000);
  data[0].set("abc", "def"); 
  kgrid.dataSource.read();
});

It's recommended to call it after any changes to the initial data.

I have updated the demo as well:

https://dojo.telerik.com/ILOJeyUG

As per the modification of the first data item, I could see that it is being applied. However, since there is no 'abc' field the JavaScript object will create a new one for you. In order to verify this, you should introduce a new column.

If you have any additional queries, please let me know. 

Regards, Mihaela Lukanova Progress Telerik