I am trying to print ExtJs 4.2 panel.
This panel consists of several ExtJs grids in vbox layout.
The panel is rendered to a hidden div on fly.
In afterender listener of panel, a new window is created using window.open('') construct and the hidden div's innerHTML is written to the newly created window.document.
The newly created document is then closed and printed using regular window.print construct.
This arrangement works in the following scenarios:
- In internet explorer, when the panel size is small and can be printed in a single page
- In Chrome browser irrespective of the size of the panel
However as soon as panel grows based on the data stores attached to inner grids, IE prints only the last page and all pages prior to last page are printed as blank pages.
I have tried various IE specific CSS discussed on this forum and other techniques but nothing seems to work.
Any suggestions?