Hi,

I'm currently experiencing a problem using the hierarquical grid.

Context:

Let me first give you the global scenario. I have a webpage with a div on which I load other “child-pages”, one of this subpages is where I render the datagrid, and the initial problem I was experiencing was that when I used the “GroupBy” feature, the area where the “Drag a column here to group by that column” appears was being rendered as many times as the sub-page was being loaded and therefore the datagrid initiated, so by the third time I opened the subpage, I would have three group-by panels. Assuming the problem was that I wasn’t disposing the datagrid properly, I attempted to call the destroy method of the grid but to no avail, since I received and error.

The problem is directly tied to the “GroupBy” feature, since if I remove that feature, the destroy method works perfectly.

Problem:

The resumed version of the problem is, when I use the feature “GroupBy” if I attempt to destroy the datagrid, I get the following error:

SCRIPT5022: cannot call methods on draggable prior to initialization; attempted to call method 'destroy'

Sample instructions:

I’ve produced a sample so you can reproduce the error, also and just to be sure, I’ve used the global js/css files on both the jquery-ui and infragistics just to make sure I wasn’t forgetting to include some dependency.

To use the sample just open the a.html page and press init, it should display the grid if all the dependencies were loaded correctly. Then if you press the destroy button, the error will occur and the grid won’t be removed.

Thanks in advance.

Best Regards,

Joel Campos