edspencer / ext.ux.printer Goto Github PK
View Code? Open in Web Editor NEWA generic printing class that assists with the printing of any Ext.Component
License: MIT License
A generic printing class that assists with the printing of any Ext.Component
License: MIT License
Overview ======== 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. Installation ============ 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> Usage ===== 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 }) Ext.ux.Printer.print(myGrid); Ext.ux.Printer.print(myTree); 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: Ext.grid.GridPanel Ext.tree.ColumnTreePanel 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).
Throwing an error on line 53 of Printer.js. Not sure why.
If you have a renderer where you set a css attribute on the metadata object an error will occur in the prepareData method of the GridPanelRenderer object.
line 45: convertedData[key] = column.renderer ? column.renderer(value, null, item) : value;
replacing the null with an empty object {} will fix the error but you will not have the css class of the metadata.
There is a dirty way to get it. I get the className from the rendered grid and I pass in the template(something like: grid.getView().getCell(idx1, idx2).className). This way I have the same class names on the cell in the rendered grid and in the print version. What do you think about this solution?
Is there any way I could access metadata.css?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.