Remote filtering initial sample #879
Conversation
There was a problem hiding this comment.
Do you really need this file?
|
|
||
| return ( | ||
| <div className="container sample ig-typography"> | ||
| <h3>Remote Filtering & Sorting Grid</h3> |
There was a problem hiding this comment.
Do you need this file?
| import { IgrColumn, IgrFilteringExpressionsTree, IgrFilteringStrategy } from "igniteui-react-grids"; | ||
|
|
||
| const DATA_URL = 'https://services.odata.org/V4/Northwind/Northwind.svc/Products'; | ||
| const EMPTY_STRING = ''; |
| const filterExpr = this.buildFilterExpression(filteringArgs); | ||
| if (filterExpr) parts.push(filterExpr); | ||
|
|
||
| return `${baseQuery}&${parts.join('&')}`; |
There was a problem hiding this comment.
Same problem with URL ending in '&'
| const result = await RemoteService.getData(filterExpressions, sortExpressions); | ||
| setData(result); | ||
| } catch (error) { | ||
| console.error('Error fetching data:', error); |
… used enums for types
There was a problem hiding this comment.
This file is not needed
| }; | ||
|
|
||
| useEffect(() => { | ||
| fetchData(); // initial load |
There was a problem hiding this comment.
Shouldn't we make a new request when we scroll to see the remaining data in the grid instead of fetching everything at once?
|
|
||
| public static getData(skip: number = 0, take: number = 50): Promise<any[]> { | ||
| try { | ||
| if (skip < 0 || take <= 0) { |
There was a problem hiding this comment.
There are still 2 requests made on load initially
https://services.odata.org/V4/Northwind/Northwind.svc/Products?$count=true&$skip=0&$top=1
https://services.odata.org/V4/Northwind/Northwind.svc/Products?$count=true&$skip=0&$top=50
There was a problem hiding this comment.
Do you need this file?
|
|
||
| // Initialize the filtering strategy for RemoteService | ||
| useEffect(() => { | ||
| RemoteService._filteringStrategy = new IgrFilteringStrategy(); |
There was a problem hiding this comment.
This produces an error. Sample doesn't run. Please check it
No description provided.