Clear dom by changing tab

[nicolas]

Hi,

I have a "two levels" tabstrip :
- Level 1 with 4 tabs
- Level 2 with about 10 tabs, in each level 1 tabs

A menu / Submenu.

 

So, when we activate each entry (one by one), dom is huge and the browser (Chrome / Firefox and IE) "lags". 
When all tabs were activated, we can hardly navigate.

So, i want to clear the dom, when I activate a level 1 tab.

Is there a "clean solution" to do this ? All content, kendo object... Etc. have to be clear / destroy.

 

Many thanks,

Regards, 

 

[Petyo]

Hello Nicolas,

clearing the DOM is relatively easy - you can call kendo.destroy on the element, and remove it from the DOM afterwards. However, I am not sure how you will subsequently restore the contents afterwards. 

Regards,
Petyo
Telerik

 

 

[nicolas]

Hello Petyo,

Yes, that did the trick, with kendo destroy and empty() method for last contentElement.

Except for kendo window widget, div element is still in ​DOM, so by refreshing a new identical div is created.

Il will remove them in script.

 

Many thanks,

Regards,