Search code examples
javascriptjquerydomextjsextjs4

ExtJS disable tab panel lazy loading

I have some content inside of an ExtJS tab panel that I'm doing DOM manipulation on via a jQuery library.

Currently I'm having to do a manual call to activate the specific tab (so that Ext will actually build the DOM) before I run the jQuery code (I'm using a library to build a barcode image).

Is there a way to setup the tab panel so that anytime an .update() is applied to the panel it will immediately manipulate the DOM as opposed to only doing it when the panel becomes active?

Solution

  • You can create your panel with the option deferredRender: false, so all tabs will be rendered when the panel is created instead of just rendering them once you activate them.