So I have a grid withing a single page web application, that displays data from a file where I dynamically set the columns. If a user reimports a file I destroy the old grid and recreate it using the same method I created it with initially. This has worked great fine for our web application up to now.
However, we recently embedded the application in an iframe so it could be accessed like a plugin from another software. The issue here is that when when we call jqxGrid(‘destroy’) it throws an exception and we get the following message.
message: “Permission denied to access property \”document\” on cross-origin object”
I’m unsure what to do as it obviously accesses the DOM when it makes the object initially but it does something funky in ‘destroy’ that can cause the entire grid to have permissions fail when embedded in an iframe.
Steps to recreate.
1. Create a jqxGrid inside an iframe
2. Call jqxGrid(‘destroy’) on said grid.
I do have everpresentrowwidgets enabled.
Any hints ideas on workarounds or fixes would be appreciated.
It is a strange behavior. I tested it and I saw another “stumbling” but the Grid was destroyed
I would like to suggest you try with another approach – you could simply .hide() and .show() this Grid.
This way you will save the repeated creation of Grid.
Also, you could check your security settings.
Another option that I would like to suggest you (maybe it is a new conception) is to try to use the Angular features (or React) for SPA.