Hi
I want a small clarification on one of the use case related to IgrDataGrid (https://es.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid/overview).
I have used IgrDataGrid, in that I have multiple grids lets suppose Grid1 and Grid2 both the grids are on separate tab(Tab1 , Tab2) and Grid1 is my default grid which will be visible when I open the component.
So the issue is that when I open the component then I'm doing grid.loadLayout(gridLayout); here this loadLayout function is throwing an exception for Grid2 and I'm not able to load the layout for the same (Grid2).
So, for this I need to know how can I load the layout for multiple grids.
Hoping for a positive response.
Thanks!!!
Hello Shubham,
I would like to know if your grid1 and grid2 has the same schema ? If yes then only you can save one grid layout and load it into another grid.
Try to save grid1 layout ,make some changes into layout and then load the same layout into grid1 and test is it working ?
This should work and if you load the same layout into grid2 is not working that means grid2 layout/schema is different.
If you are still not sure then share your sample for me to have a look .
Hello Divya,
Thank you for your response.
Here I have attached the screenshot for the better understanding.
As we can see in SS, we have Two different tabs and each tab has separate grid on it. Also we have separate layouts/schema for both the grids.
So when we open the page we are loading the layouts(Separate layouts) for both the grids. then layout for 1st grid (which is on Tab1) is applying successfully and for 2nd grid (which is on Tab2) loadLayout is throwing an Exception.
TypeError: Cannot read properties of undefined (reading 'd')at SpatialEngine2.l (ColumnFilterCondition_combined.js:30853:28)at SpatialEngine2.k (ColumnFilterCondition_combined.js:30849:21)at Grid2.vu (ColumnFilterCondition_combined.js:12129:24)at Grid2.uv (ColumnFilterCondition_combined.js:11995:14)at Grid2.uu (ColumnFilterCondition_combined.js:14958:50)at IgrDataGrid2.loadLayout (igr-data-grid.js:4233:16)at onGridReference (InfragisticsReactGrid.tsx:260:14)at commitAttachRef (react-dom.development.js:23645:20)at commitLayoutEffectOnFiber (react-dom.development.js:23503:9)at commitLayoutMountEffects_complete (react-dom.development.js:24688:9)
We are using the ref callback to load the layout for both the grids. and when user in on Tab1 then getting an issue for loading layout for Tab2 and vice versa.
NOTE: Tab1 is our default tab so when the page is loaded Tab1 is visible to the user by default and user can switch between the tabs.
Thanks.
Hello,
Since you have two separate grid layout i believe you saved two layout separately and trying to load them into respective grids?
You are not trying to load the same layout to both the grid right ? Because you cant load the same grid layout to both the grid since grids are different.
i would need your sample to debug the code and understand the issue.
Currently We don't have a ready sample. We are working on it.
As we already mentioned in the previous reply, We have separate Tab, separate grid and separate layouts and trying to load them into respective grids.
Hello Shubham ,
Thank you for the update . I would wait for the sample as i am not sure what could be causing it without looking into the code.
If i had to guess then i think you are loading the wrong layout to the grid2 causing it , or somehow you are not reaching to tab2 grid2 causing it , can say for sure though.
Would wait for the sample for further investigation.