Skip to content
A generic printing class that assists with the printing of any Ext.Component
Find file



Ext.ux.Printer is a small library that provides a generic way of printing Ext Components (Grids, Trees, etc).
It consists of the main Printer class, and a number of Renderers, which each provide support for a given type of component.


Printer.js and renderers/Base.js are required:

<script type="text/javascript" src="Printer.js"></script>
<script type="text/javascript" src="renderers/Base.js"></script>

The library currently comes with renderers for Ext.grid.GridPanel, and Ext.tree.ColumnTree. These can be included as required:
<script type="text/javascript" src="renderers/GridPanel.js"></script>
<script type="text/javascript" src="renderers/ColumnTree.js"></script>


Ext.ux.Printer.print just take a single argument - a normal component instance. Use it like this:

var myGrid = new Ext.grid.GridPanel({
  //your usual grid config here

var myTree = new Ext.tree.ColumnTree({
  //your usual tree config here


Each of the above examines the component you pass to the print function, and if a suitable renderer has been created
for it, the component is printed by opening a new window, writing some print-friendly HTML to it, and calling the 
window's print function.

Currently supported components are:


To add support for another Component type, simply subclass Ext.ux.Printer.BaseRenderer (see the existing renderers for examples),
and register it with Ext.ux.Printer.registerRenderer('somextype', Ext.ux.Printer.SomeComponentRenderer).
Something went wrong with that request. Please try again.