We are developing a Single Page Application and using infragistics' igGrid. We noticed that all the DOM elements used for dropdowns such as filter row dd, column/feature chooser etc. are appended to the <body> element and take prefix for their IDs the ID of the element on which the igGrid is called. But when igGrid is destroyed these many DOM elements still stay in the <body> and if you create again the igGrid they're duplicated so this raise not only performance problem by taking browser memory, but also breaks the correct functionality of the grid - for example Hiding of the columns is not working when the grid i called again after destroy. So my question is: Is there a method or do you have a suggestion how we can remove correctly these DOM elements when we destroy the igGrid?
Hi Georgi,
What you are saying definitely sounds like a bug and AFAIK it has been already reported and fixed by our development team. Just to clarify, the elements are appended there so that there are no issues with positioning and overlaying of elements - for example, in scenarios where the grid is inside of a dialog window, etc.
Hope it helps. in case you need to contact our Development Support team, the bug in question is #120642, and it is currently fixed waiting for verification.
Thanks,
Angel