Hi, I have a grid and I need to display pagination conditionally. For some reason, if I use pageSize: take when I do not want to paginate, sort doesnt work. I get a no records found message. But if I send in a prop to paginate, sort works. Please advice.
This is my link:
Please check Line no.357 in Reusegrid.jsx file. With pageSize: take, sorting doest return data but when I remove the pageSize, sorting works but in the pageInfo, I get 1-10 of 77 items whereas I need 1-77 of 77 items. Please advice.
1 Answer, 1 is accepted
0
Accepted
Hi,
Initially in the app these properties are passed:
But later, if sort is clicked the skip parameter is missing:
This looks to happen because of setSkip(e.data.skip); in dataStateChange method. Since these are the arguments during the first dataStateChange
Changing setSkip(e.data.skip); to setSkip(e.data.skip || 0); will make this work.
https://stackblitz.com/edit/react-9odprj-gncrxu?file=app/Reusegrid.jsx
Another option is to handle the undefined skip before calling the process method.
Regards,
Vasil
Progress Telerik
Initially in the app these properties are passed:
{"sort":[{"field":"UnitsInStock","dir":"asc"}],"skip":0,"take":77}But later, if sort is clicked the skip parameter is missing:
{"sort":[{"field":"UnitsInStock","dir":"desc"}],"take":77}This looks to happen because of setSkip(e.data.skip); in dataStateChange method. Since these are the arguments during the first dataStateChange
e.data{filter: undefined, sort: Array(1), skip: undefined, take: 77, group: undefined}
Changing setSkip(e.data.skip); to setSkip(e.data.skip || 0); will make this work.
https://stackblitz.com/edit/react-9odprj-gncrxu?file=app/Reusegrid.jsx
Another option is to handle the undefined skip before calling the process method.
Regards,
Vasil
Progress Telerik
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Feedback Portal
and vote to affect the priority of the items