Hi,
I am currently working on a grid and I'd like to (1)add customs buttons to the IgrGridToolbar, as well as (2)edit the IgrGridToolbarAdvancedFiltering component. For point (1):From what I can find in the documentation "The Ignite UI for React Toolbar in is a container for UI operations in the React Grid. The React toolbar is located at the top of the React component, i.e., the IgrGrid and it matches its horizontal size. The toolbar container can host any custom content or set of predefined UI controls." it should be possible to do something along those lines:
IgrGrid
Hello and thank you for contacting Infragistics. One of our team members have logged an issue with our React grid regarding custom content, you can follow this thread here:
https://github.com/IgniteUI/igniteui-react/issues/92
I see that our other platforms that we have this feature are working so this is unique to React.
Regarding the advanced filter dialog, I am not aware on how to go about changing the operands list exposed per column. I have asked our team and I will follow up as soon as I hear back. Let me know if you have any questions.
Hi,I am also wondering if it is possible to use the QuickFilter mode without having the grid update immediately. So, for example here React Grid Filtering - Ignite UI for React, can I set a Product Name, Unit Price and Order Date *WITHOUT* having them apply, click a custom button that will then apply the filters to the grid. Or ideally, the filters themselves won't apply to the current grid, but are instead extracted from the filterTree object and used to make a POST request to our backend.
Your requirement is leaning towards the second approach where you would filter your own datasource the grid is bound to. You can also filter programmatically via the grid.current.data.filter method. We have this implemented in a demo where you show a chart based on the filtered data.
eg.
https://github.com/IgniteUI/igniteui-react-examples/blob/vnext/samples/grids/grid/finjs/src/index.tsx
The grid only has three main ways to filter, quick, excel style and advanced style filtering via the dialog popup.
You can programmatically choose to show the advanced dialog. Please refer to the usage section.
https://ko.infragistics.com/products/ignite-ui-react/react/components/grids/grid/advanced-filtering#usageI suggest submitting a feature request on our angular repository for a "normal filter" where quick filter is too immediate. This is where all the new features get implemented and then ported to our other supported platforms.
Let me know if you have any questions.